Question

我想要实现的是在加载第一个动画时更改自动播放速度。

我发现光滑具有afterChange功能，但我不知道如何使用它。

我的代码：

let taggedItems = [{id:0, left:100, top:100, thumbSize:100, image: 'b', url: 'y'},{id:1, left:150, top:150, thumbSize:100, image: 'd', url: 'x'},{id:2, left:200, top:200, thumbSize:100, image: 'f', url: 'w'}]
console.log(Object.assign({},taggedItems.map((item) =>({ id:item.id, left:item.left, top:item.top, thumbSize:item.thumbSize }))));

我想在首次更改后将自动播放速度设置为15 000毫秒。（无限真实）

Answer 1

请注意：如果您在jsfiddle中提供问题演示，请帮助我们更好地帮助您，因为这是一个插件。无论如何，让我们看看我们有什么选择：

首先初始化插件

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

然后使用光滑的插件事件和方法：

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

p.s：希望这段代码有助于了解如何使用此插件的方法和事件。我无法检查代码，因为你没有提供任何jsfiddle，但看起来很好。

更改后光滑滑块更改速度

1 个答案: