What i want achieve is to change autoplay speed when the first animation will be loaded.

I found that slick has afterChange function but I don't know how to use it.

My code:

  $(".home-slider-t").slick({
      dots: false,
      arrows: true,
      infinite: false,
      speed: 2500,
      slidesToShow: 1,
      autoplay: true,
      fade: true,
      autoplaySpeed: 6000
  });

I want to set autoplay speed to 15 000ms after first change. (infinite true)

What i want achieve is to change autoplay speed when the first animation will be loaded.

I found that slick has afterChange function but I don't know how to use it.

My code:

  $(".home-slider-t").slick({
      dots: false,
      arrows: true,
      infinite: false,
      speed: 2500,
      slidesToShow: 1,
      autoplay: true,
      fade: true,
      autoplaySpeed: 6000
  });

I want to set autoplay speed to 15 000ms after first change. (infinite true)

• javascript
• slider
• slick.js

Share Improve this question Follow edited May 2, 2020 at 9:21 Ed Lucas 7,36544 gold badges4040 silver badges5050 bronze badges asked Dec 4, 2017 at 13:45 Dawid KwiatońDawid Kwiatoń 1111 silver badge22 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Please note: If you provide a demo of your problem in jsfiddle help us to help you better because this is a plugin. anyways lets see what options we have:

First initialize the plugin

$(".home-slider-t").slick({
  dots: false,
  arrows: true,
  infinite: false,
  speed: 2500,
  slidesToShow: 1,
  autoplay: true,
  fade: true,
  autoplaySpeed: 6000,
});

and then use slick plugin events and methods:

$(".home-slider-t").on('afterChange', function(event, slick, currentSlide, nextSlide){
    $(".home-slider-t").slick('slickSetOption', 'autoplaySpeed', '15000');
});

p.s: Hope this code help to get idea of using methods and events of this plugin. i couldn't check the code because you didn't provide any jsfiddle but seems its fine.