$(document).ready(function() { $('#met-imgs-carousel').lightGallery(); var met_img_carousel='#met-imgs-carousel', met_img_carousel_slide=met_img_carousel+' .slick-slide'; if($(met_img_carousel_slide).length>1){ var slickdots=met_img_carousel+' ul.slick-dots', slickdots_div=met_img_carousel+' ul.slick-dots div', slickdots_li=met_img_carousel+' ul.slick-dots li', showpro_index=0; //生成縮略圖 $(met_img_carousel).on('init', function(event, slick){ var met_img_carousel_slide_true=met_img_carousel_slide+':not(.slick-cloned)'; for (var i = 0; i < $(met_img_carousel_slide_true).length; i++) { var thumbsrc=$(met_img_carousel_slide_true+':eq('+i+')').data('exthumbimage'), thumbalt=$(met_img_carousel_slide_true+':eq('+i+') img').attr('alt'), showpro_thumb=''; $(slickdots_li).eq(i).html(showpro_thumb); } $(slickdots).wrapInner(''); $(slickdots_div).width($(slickdots_li).length*74-10); }) //開始輪播 $(met_img_carousel).slick({ dots: true, speed: 500, lazyloadPrevNext:true, prevArrow:met_prevArrow, nextArrow:met_nextArrow, }) $(met_img_carousel).on('beforeChange', function(event, slick, currentSlide, nextSlide) { paginationScroll(nextSlide); showpro_index=nextSlide; }); if($(met_img_carousel).hasClass('fnGallery') && deviceType=='d'){ $(met_img_carousel).slick('slickSetOption','swipe',false); } $(window).resize(function() { paginationScroll(showpro_index); }); //縮略圖滾動 function paginationScroll(index){ var slickdots_w = $(slickdots).width(), slickdots_div_w = $(slickdots_div).width(), deviation = parseInt(index * 74- slickdots_w / 2 +32); if (slickdots_div_w > slickdots_w) { var translateX = deviation > 0 ? -deviation : 0; if (deviation + slickdots_w >= slickdots_div_w) translateX = -parseInt(slickdots_div_w - slickdots_w); if($('html').hasClass('no-csstransitions')){ $(slickdots_div).stop().animate({left:translateX},500);// IE9兼容 }else{ $(slickdots_div).css({transform: 'translateX(' + translateX + 'px)'}); } } } } //畫廊加載 if($('.fnGallery').length) $('.fnGallery').galleryLoad(); })