1. 마우스 감도
threshold:100,
[code]
$(function(){
var elePrSwiper = '.pr-swiper';
var activeSlide = '.swiper-slide-visible';
var setTime1, setTime2, setTime3, setTime4, clear;
var clear = function(){
clearTimeout(active);
clearTimeout(setTime1);
clearTimeout(setTime2);
clearTimeout(setTime3);
clearTimeout(setTime4);
}
var active = function(){
// $(activeSlide).find('.inner-slide').removeClass('on');
// setTime1 = setTimeout(function(){
// // $(elePrSwiper).find('.swiper-slide:nth-child(3n-2)').addClass('focus').siblings().removeClass('focus');
// $(activeSlide).find('.inner-slide:nth-child(3n-2)').addClass('on');
// },0)
// setTime2 = setTimeout(function(){
// $(activeSlide).find('.inner-slide:nth-child(3n-2)').removeClass('on');
// $(activeSlide).find('.inner-slide:nth-child(3n-1)').addClass('on');
// },1000)
// setTime3 = setTimeout(function(){
// $(activeSlide).find('.inner-slide:nth-child(3n-1)').removeClass('on');
// $(activeSlide).find('.inner-slide:nth-child(3n)').addClass('on');
// },2000)
// clear = setTimeout(function(){
// // $(elePrSwiper).find('.swiper-slide').removeClass('focus');
// },3000)
var item = $(activeSlide).find('.inner-slide');
setTime1 = setTimeout(function(){
$('.inner-slide').removeClass('on');
$(item).eq(0).addClass("on");
},0);
setTime2 = setTimeout(function(){
if($(item).eq(0).hasClass('on')){
$(item).eq(1).addClass('on').siblings().removeClass('on');
}
},1000);
setTime3 = setTimeout(function(){
if($(item).eq(1).hasClass('on')){
$(item).eq(2).addClass("on").siblings().removeClass('on');
}
},2000);
setTime4 = setTimeout(function(){
if($(item).eq(2).hasClass('on')){
$(item).eq(3).addClass("on").siblings().removeClass('on');
}
},3000);
}
var prSwiper = new Swiper(elePrSwiper + ' .swiper-container', {
// slidesPerView: 'auto',
// centeredSlides: true,
// spaceBetween: 2,
// speed:300, // 기본 넘어가는 슬라이드 속도
// followFinger:false,
// allowTouchMove:false, // 터치슬라이딩 기능 막음.
threshold:100,
loop:true,
direction: 'vertical',
slidesPerView: 1,
slidesPerGroup: 1,
// slidesPerColumn: 1,
watchSlidesVisibility: true,
autoplay: {
delay: 3000,
},
on : {
init: function(){
active();
},
slideChangeTransitionEnd: function(){
active();
}
},
});
$(".inner-slide").on('mouseover', function(){
// clearTimeout(setTime1);
// clearTimeout(setTime2);
// clearTimeout(setTime3);
// clearTimeout(setTime4);
clear();
$('.inner-slide').removeClass('on');
// $(this).removeClass('off').siblings().addClass('off').removeClass('on');
$(this).addClass('on').siblings().removeClass('on').addClass('off');
prSwiper.autoplay.stop ();
})
$(".inner-slide").on('mouseleave', function(){
clear();
// $(this).removeClass('off').siblings().removeClass('off').removeClass('on');
$(".inner-slide").removeClass('off').removeClass("on");
active();
prSwiper.autoplay.start ();
})
})
[]