웹마스터 팁
목록에서 이미지 팝업 이용하기
2014.06.19 07:42
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
})
})
};