Как сделать что бы при наведении на слайд слайдер прокручивался? Слайдер сделан с помощью slick slider
$('.main__blog-items').slick({
dots: false,
slidesToShow: 2,
slidesToScroll: 1,
centerMode: true,
variableWidth: true,
infinite: true,
draggable: true
});
Ответы (1 шт):
Автор решения: Irshat Khuzin
→ Ссылка
Нужно добавить событие 'mouseenter' для слайдов и вызвать функцию lickNext() внутри этого события
$('.main__blog-items').on('init', function(event, slick){
slick.$slides.addClass('slick-slide');
}).slick({
dots: false,
slidesToShow: 2,
slidesToScroll: 1,
centerMode: true,
variableWidth: true,
infinite: true,
draggable: true
});
$('.main__blog-items').on('mouseenter', '.slick-slide' function(){
$('.main__blog-items').slick('slickNext');
});
Это добавит событие наведения мыши на каждый слайд и прокрутит слайдер на один слайд вперед при наведении на любой из них.