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

Рейтинг: -1Ответов: 1Опубликовано: 24.01.2023
$('.main__blog-items').slick({
    dots: false,
    slidesToShow: 2,
    slidesToScroll: 1,
    centerMode: true,
    variableWidth: true,
    infinite: true,
    draggable: true
});
javascript jquery slick.js
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Нужно добавить событие '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');
});

Это добавит событие наведения мыши на каждый слайд и прокрутит слайдер на один слайд вперед при наведении на любой из них.