Search code examples
paginationslidermousehoverslick.js

slick.js: slick-dot mouseover movement


is there a way slick dots hoverable ? when I click to dots, slider is moving..this is ok, but I want when I hover to dots, slider is moving too.

how can I add this hoverable option ?

$('.fade').slick({
  dots: true,
  infinite: true,
  speed: 500,
  fade: true
});

Solution

  • Thanks for your response Asaf..I find another solution from creator of slick.js.

    I share the solution below.

    $('.slick-dots li').on('mouseover', function() {
        $(this).parents('.fade').slick('goTo', $(this).index());
    });