웹마스터 팁

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가 달라서 통일하지 못했습니다. 이건 개발자들이 통일했으면 좋겠습니다. 그리고 에드온으로 배포 하자니 전개발자의 동의를 구해야 되서 그냥 팁으로 등록합니다.

제목 글쓴이 날짜
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
PHP에서 Socket.IO 서버로 요청 보내기 [3] 이즈야 2014.06.01
윈도우7/8에서네임서버 운영 POSTZI 2014.06.08
XHTML 과 CSS 오류검사를 해주는 사이트 입니다. 디테일 2014.06.07
회원정보에서 '서명' 수정이 반영되지 않을 경우 Novelic 2014.06.03
홈페이지에 접속한 장치의 너비 구하기 [3] CosignStudio 2014.05.28
익스플로러의 자동완성 기능 off 하기 [7] WOWpc 2001.10.23
스크롤바 색깔 바꾸는 스타일... [8] 잔디 2001.01.05
[1초팁] Google Fonts의 폰트파일이 XE템플릿 문법으로 불러와지지 않을때 mAKEkr 2014.05.31
게시판 comment 스타일 수정 웹빌드ver2 2014.05.30
Mysql DB사용량 출력하기 [4] 대류 2012.01.01
유저가 자신의 회원정보 전체를 공개/비공개 설정하게 하는 방법 [2] sejin7940 2014.05.27
윈도에서 버츄얼박스 실행 시에 작업표시줄에 보이지 않게 하기 hyun 2014.05.26
사용자정의에서 날짜형의 경우, 달력의 년수 선택범위를 늘리는 방법 sejin7940 2014.05.24
Draggable Captcha System for XE1.7.5 Member Module (QapTcha) [7] file 우진홈 2014.05.21