꼬지비 블로그

1 2 3 4 5 6 7 $('.masonry').masonry({ itemSelector:'.item', //이미지가 포함된 엘리먼트 gutter: 10, //margin horizontalOrder:true //순서대로 정렬 }); https://masonry.desandro.com/ Masonry Install Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower: bower install masonry --save Install with npm: npm install masonry-layout Getting started HTML Include the Masonry .js file in yo..

1 2 3 4 5 6 7 8 9 10 11 12 13 var swiper = new Swiper('.swiper-container',{ . . . } $(".masonry .item img").on("click", function() { var img_index = $(this).closest(".item").index(); imgDetail.slideTo(img_index); }); mySwiper.slideTo(index, speed, runCallbacks); 0을 넣으면 첫번째 슬라이드로 이동

1 2 3 4 5 6 7 8 9 var swiper = new Swiper('.swiper-container',{ . . . } swiper.update(); 가끔 swiper가 slide 크기를 인식 못 하고 이상하게 작동될때가 있음. 그럴 때 일단 사용.