Flickity gallery - 如何循环播放然后停止自动播放

时间:2016-03-09 16:28:33

标签: javascript arrays slider gallery flickity

我正在使用Flickity画廊,我希望它循环一次,然后停止自动播放。 3是画廊中的最后一项,这就是为什么我在画廊定居时试图调用它的原因。

提前致谢!到目前为止,这是我的代码:

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

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

            });

        }
    })

2 个答案:

答案 0 :(得分:2)

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

cordova prepare

答案 1 :(得分:1)

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