2016-03-09 113 views
0

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

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

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

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

      }); 

     } 
    }) 

回答

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

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