for幻灯片播放后的弹性滑块回调，而不是动画

Question

我有一个事件，我想在幻灯片放映完成后隐藏，而不是动画。

这是我想要显示和隐藏的项目的css

.myitem{  font-size: 36px;
  position: absolute;
  top: -21%;
  left: 36px;
  background: #000;
  color: #fff;
  padding: 11px 26px;}

这就是我使用的回调

  $('#slider').flexslider({
    controlNav: false,
      animation: 'slide',
    animationLoop: true,
      slideshow:true,
    sync: "#carousel",
      useCCS: false,
      easing: 'easeOutBounce',
      slideshowSpeed:2500,

    before: function(){
          $(".myitem").animate({top:"5%"});
      },
          after: function(){
          $(".myitem").animate({top:"-21%"});
      }
  });

“之前”它从顶部显示，这很好，而“之后”它隐藏，但在动画之后，我希望它在每个幻灯片放映完成后隐藏。

Answer 1

我不确定，如果flexslider能够给你实际的幻灯片数量(或者索引，其中0是第一个)，但你需要在之前计算元素，将它们作为变量传递给slide函数，你可以这样做(在这个例子中，6个元素，索引0到5)

before: function(){
    if (el.is(':eq(0)')) $(".myitem").animate({top:"5%"});
},
after: function(){
    if (el.is(':eq(5)')) $(".myitem").animate({top:"-21%"});
}