Detener la reproducción automática después de hacer clic en los puntos en slick.js

Así, este es el código que uso para el regulador:

$('.autoplay').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2000,
    dots: true
});

Y quiero que cuando el usuario hace clic en cualquier punto, se va a deshabilitar la reproducción automática. Luego he intentado esto:

$('.autoplay').on('init', function() {
    $('.slick-dots').click(function() {
        $('.autoplay').slick('autoplay', false);
    });
});

Pero no ayuda. Aquí es DEMO de jsFiddle. Es esto posible con slick.js?

InformationsquelleAutor debute | 2016-06-07

2 Kommentare

  1. 5

    Probar este

    $('.autoplay').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1000,
        dots: true
    });
    
    $('.slick-dots').on('click', function() {
        $('.autoplay').slick('slickPause');
    });
    • Hell yeah 🙂 Gracias, eso es todo.
  2. 3

    De uno de los temas en el github-foro, vi que usted tiene que adjuntar init evento antes de iniciar con slick.

    $('.autoplay').on('init', function(slick) {
        $('.slick-dots').on('click',function() {
            $('.autoplay').slick('slickPause');
        });
    }).slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        dots: true,
        autoplay: true,
        autoplaySpeed: 2000,
    })

    DEMO AQUÍ

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea