javascript - Flickity 画廊 - 如何循环播放一次然后停止自动播放

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');
      }
  })