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

我使用Flickity画廊，我希望它循环一次，然后停止autoplaying。 3是画廊中的最后一件作品，所以这就是为什么当画廊在这里定居时我正在试图叫它。Flickity画廊 - 如何循环一次然后停止自动播放

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

var flkty = Flickity.data($('.gallery')[0]) 

    $(".gallery").on('settle', function() { 
     if(flkty.selectedIndex === 3){ 
      $('.gallery').flickity({ 
       autoPlay: false, 

      }); 

     } 
    })

来源

2016-03-09 Sarah Lesh

我想通过这个对任何正在寻找的人是如何做到的。这里是我的代码：

var flkty = Flickity.data($('.gallery')[0]) 
    var $carousel = $('.gallery').flickity() 

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

来源

2016-03-24 17:34:35

自己跑进去了。感谢您的解决方案，但我认为后期版本的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'); 
     } 
    })

来源

2017-05-30 02:04:14

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

回答

相关问题