웹마스터 팁

pettyphoto 기준으로 설명 드리면 js/addon.js 에 ppAddon 함수 밑에 추가하세요.


그럼 목록의 이미지를 검출해서 출력할겁니다.



function ppAddon_list(){

var xe_content = jQuery('div.목록 div명 ');

xe_content.find('img').imagesLoaded(function(){

jQuery(this).each(function(){

var t = jQuery(this);

var w = t.width();

var h = t.height();

if(w >= t.parent().width()) t.removeAttr('width').removeAttr('height').css('height','auto');

if(w>noWidth && h>noHeight && !t.hasClass('no_pp') && !t.parents().hasClass('no_pp')){

if(!t.parent('a').length) t.wrap('<a href="'+t.attr('alt')+'" rel="prettyPhoto[mixed]"></a>');

if(t.parent('a').length && !ifLink) t.parent('a').attr({rel:'prettyPhoto[mixed]',href:''+t.attr('alt')+''})

}

});

xe_content.find("a[rel^='prettyPhoto']").prettyPhoto({

slideshow:slideshow0,

autoplay_slideshow:autoplay_slideshow0,

opacity:opacity0,

show_title: show_title0,

theme:theme0,

social_tools:false

})

})

};



아래 
jQuery(function($){
ppAddon();
ppAddon_list();
if(ifLinkViewer==1) ppAddonIframe();
});

로 변경하시면 목록 이미지가 이미지 팝업으로 나타납니다. 셈네일 된 그림은 섬네일 된 상태로 됩니다.
목록 이미지의 alt 테그에 파일 명을 넣어 주시면 잘됩니다.

스킨마다 div가 달라서 통일하지 못했습니다. 이건 개발자들이 통일했으면 좋겠습니다. 그리고 에드온으로 배포 하자니 전개발자의 동의를 구해야 되서 그냥 팁으로 등록합니다.

제목 글쓴이 날짜
[javascript] 기초강좌 | 03 논리연산자, 비트, 삼항연산자, 기타연산자 hiwebs 2014.07.02
[10원팁] 서버에 계정추가후 새로설치하는데 CSS가 깨진다? [3] 키스미베이베 2014.02.27
회원가입시 닉네임 특수문자 제한하기 [10] 절망린 2009.06.06
[nginx] Rewrite 예외 설정 okiz 2014.06.30
관리자 비밀번호 분실시 phpmyadmin을 이용하여 재설정하는 방법 [6] elancer 2014.03.11
BlogAPI 활용하기 file 맞장 2014.06.29
min.js min.css 정리해서 보기 Happyphp 2014.06.26
부트스트랩 css 팁 [3] 돼지코구뇽 2014.04.05
추천과 추천포인트 관련 팁 [8] 고진감래 2009.09.30
관리자가 글 쓸때는 분류를 선택 안 해도 등록되도록 (공지글을 쓸때를 위해) 개선 [2] sejin7940 2014.06.21
템플릿 파일에서 일반 PHP 코드 사용 [3] 화니군 2007.08.28
XE에서 신디케이션 제거하기 [1] mAKEkr 2014.06.20
에디터에서 나눔고딕 웹폰트, 기본글꼴로 적용하기(구글API이용) [6] file 애니즌 2014.06.06
관리자페이지에서 콘텐츠->파일 에서 등록된 파일 전체 리스트에 이미지가 바로 나타나도록 [2] sejin7940 2014.06.19
Apache .htaccess 작성요령 [10] 컴매냐 2013.09.19
목록에서 이미지 팝업 이용하기 Happyphp 2014.06.19
include용 파일에는 닫는 php문이 없다? file YJSoft 2014.04.14
레이아웃에 배경이미지 업로드 하고 적용시키기 [1] 웹빌드ver2 2014.06.10
Windows 서버에서 XE 속도 대폭 개선 방법 [29] StyleRoot 2013.02.25
Google Public DNS 강제 Flush Cache 하기 AJKJ 2014.06.08