Как в slick слайдере сделать автоматическую прокрутку карусели при наведении по краям?

Question

[Сергей]

Как сделать автоматическую прокрутку логотипов snap.ashampoo.com/HMwxM5Pz т.е. наводишь на левую часть карусели она медленно прокручивается вправо, наводишь на правую часть, она соответственно прокручивается влево?

Answer 1

[Павел Антонов]

По ховеру выполнять вызов следующего/предыдущего слайда

$("#идентификатор вашей карусели").slick('slickNext'); //следующий слайд
$("#идентификатор вашей карусели").slick('slickPrev'); //предыдущий слайд

Ну и примерно так вешаете на ховер эти действия:

$("левый край карусели").hover(function(){
   $("#идентификатор вашей карусели").slick('slickPrev')
})

Answer 2

[Сергей]

Если кому пригодится:

// hover

function playsl(play_st, play_typ ){
console.log(play_st+' '+play_typ);
if(play_st == true){
if(play_typ == "slickNext")
$('.logo_slider').slick("slickNext");
if(play_typ == "slickPrev")
$('.logo_slider').slick("slickPrev");

}
}

var play_st = false;
var play_typ = false;
var timerId = false;

$('.ls_hover_r').mouseenter(function(){
play_typ = "slickNext";


play_st = true;


clearInterval(timerId);
timerId = setInterval(function() {playsl(play_st, play_typ );}, 220);

return false;
});



$('.ls_hover_l').mouseenter(function(){
play_typ = "slickPrev";

play_st = true;


clearInterval(timerId);
timerId = setInterval(function() {playsl(play_st, play_typ );}, 220);
return false;
});

$('.ls_hover_l, .ls_hover_r').mouseout(function(){

lay_st = false;
console.log("sdgdfg");
clearInterval(timerId);
return false;
});