꼬지비 블로그

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 var Swiper = undefined; function initSwiper(){ var screenWidth = $(window).width(); if(screenWidth 991 && Swiper != undefined){ Swiper.destroy(); Swiper = undefined; $('.swiper-wrapper').removeAttr('style'); $('.swiper-slide').removeAttr('style'); } } initSwiper(); $(window).on('resize', function(){ initSwiper(); }); Colored by Color Scripter cs

See the Pen Swiper Lightbox Default Example by good charlotte (@lostinyou) on CodePen.

See the Pen Ui-slider Default Example by good charlotte (@lostinyou) on CodePen. jquery UI - Slider See the Pen Simple Zoom Example by good charlotte (@lostinyou) on CodePen. 이미지 줌 기능 See the Pen Custom Scroll Jquery Plugin Simple Example by good charlotte (@lostinyou) on CodePen. Perfect Scrollbar - 스크롤바의 디자인을 모바일 버전으로 바꿔준다.

See the Pen Chart js Stack Chart with Label Plugin Example by good charlotte (@lostinyou) on CodePen.

See the Pen Chart js Doughnut Chart with Label Plugin Example by good charlotte (@lostinyou) on CodePen.

See the Pen dyGzywZ by good charlotte (@lostinyou) on CodePen.

1 2 3 4 5 6 7 8 9 10 var rollingSwiper02 = new Swiper('#news-swiper .swiper-container', { direction: 'vertical', loop:true, speed:700, touchRatio: 0,//드래그 금지 autoplay: { delay: 3000, disableOnInteraction: false, }, }); Colored by Color Scripter

afterChange(slick, currentSlide) 슬라이드 후 호출 beforeChange(slick, currentSlide) 슬라이드 전 호출 $(".slick-slider").on("afterChange", function(){ ... });

슬릭 정사이즈대로 제대로 잘 나오지 않는 등 먹히지 않을 때 - 새로고침 $('.aaa').slick('init'); - 강제 resize $('.aaa').trigger('resize');

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 var swiper = new Swiper('.swiper-container', { slidesPerView: 'auto', spaceBetween: 0, freeMode: true, breakpoints: { 1199: { slidesPerView: 1, freeMode: false, } }, on:{ transitionEnd:function(){ var matrixX = $('.swiper-wrapper').css('transform').replace(/[^0-9\-.,]/g, '').split(',')[4]; //숫자 제외한 문자는 없애준 뒤 콤마를 기점으로 분할 //tr..