Flickity gallery - 如何循环浏览一次然后停止自动播放

Question

我正在使用Flickity画廊，我希望它循环一次，然后停止自动播放。 3 是画廊中的最后一项，所以这就是为什么我试图在画廊在这里安顿下来时调用它。

提前感谢！这是我到目前为止的代码：

    var flkty = Flickity.data( $('.gallery')[0] )
    $(".gallery").on( 'settle', function() {
        if(flkty.selectedIndex === 3){
            $('.gallery').flickity({
              autoPlay: false,
            });
        }
    })

Answer 1

我想出了如何为任何正在寻找的人做到这一点。这是我的代码：

 var flkty = Flickity.data( $('.gallery')[0] )
  var $carousel = $('.gallery').flickity()
$(".gallery").on( 'settle', function() {
    if(flkty.selectedIndex === 3){
       console.log("last!") 
       $carousel.flickity('stopPlayer');
    }
})

Answer 2

我自己遇到了这个。感谢您的解决方案，但是我认为更高版本的 flickity 更新了结算事件。这就是对我有用的

    var $carousel = $('. gallery').flickity({
        // options
        autoPlay: 3000,
        prevNextButtons: false,
        pageDots: false,
        wrapAround: true,
    dragThreshold: 10,
    });
  var flkty = Flickity.data( $('. gallery')[0] )
  $carousel.on( 'settle.flickity', function() {
      if(flkty.selectedIndex === 3){
         console.log("last!") 
         $carousel.flickity('stopPlayer');
      }
  })