@serzhei
Верстка, программирование

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

Как сделать автоматическую прокрутку логотипов snap.ashampoo.com/HMwxM5Pz т.е. наводишь на левую часть карусели она медленно прокручивается вправо, наводишь на правую часть, она соответственно прокручивается влево?
  • Вопрос задан
  • 922 просмотра
Решения вопроса 1
freislot
@freislot
Frontend-разработчик
По ховеру выполнять вызов следующего/предыдущего слайда
$("#идентификатор вашей карусели").slick('slickNext'); //следующий слайд
$("#идентификатор вашей карусели").slick('slickPrev'); //предыдущий слайд


Ну и примерно так вешаете на ховер эти действия:
$("левый край карусели").hover(function(){
   $("#идентификатор вашей карусели").slick('slickPrev')
})
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@serzhei Автор вопроса
Верстка, программирование
Если кому пригодится:

// 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;
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы