본문 바로가기

jquery39

fullPage.js 에서 특정 인덱스일 때, 인덱스 이동할 때 이벤트 만들기 $(function() { $.fn.fullpage({ // 특정 인덱스일 때 'afterLoad': function (anchorLink, index) { if (index == 1){ alert ('첫번째 인덱스'); } }, // 페이지 이동할 때 'onLeave' : function (index, nextIndex, direction){ if (index == 3 && direction == 'down'){ alert ('3번에서 4번으로'); } else if (index == 3 && direction == 'up'){ alert ('3번에서 2번으로'); } } }); }); 2020. 4. 4.
[bxslider.js] 슬라이드 썸네일 thumbnail 1 / $(document).ready(function(){ var realSlider = $('.visual .slider').bxSlider({ auto: false, speed:1000, pager:false, control:false, infiniteLoop:true, hideControlOnEnd:true, nextSelector: '#slider-next3', prevSelector: '#slider-prev3', onSlideBefore:function($slideElement, oldIndex, newIndex){ changeRealThumb(realThumbSlider,newIndex); console.log($slideElement); }, onSlideAfter:function($sl.. 2020. 4. 4.
[bxsliderj.js] 반응형 width 설정하기 $('.main_fac > ul').bxSlider({ auto: false, pager: true, infiniteLoop: false, controls: false, shrinkItems: true, minSlides: 1, maxSlides: 4, slideWidth: 800, slideMargin: 25 }); ＃bxslider 옵션에 slideWidth값을 넣으면 스크린에 맞춰 반응형으로 줄어든다. 하지만, 이대로 써버리면 화면을 계속 줄였을 때 li의 width 값이 한없이 줄어들어서 문제... 그래서 해결책으로 모바일 사이즈가 될때까지는 li width 값을 직접 설정하고, 모바일 사이즈에서는 자동으로 설정되게 (모바일 사이즈보다 slideWidth 값이 커야 li값이 100%가 된다.) 했.. 2020. 4. 4.

티스토리툴바