nivo 滑块效果，按顺序而不是随机触发选定的效果

Question

有没有办法让 nivo 滑块按顺序使用效果，即： 向上滑动-->然后向下滑动-->然后滑动 SlideUp 等...

而不是使用随机触发任一效果的 effect: "slideUp,slideDown" 。

问候萨姆

Answer 1

我为你写了这个。 （注意，我还没有测试它或验证它的工作原理，但理论是合理的）

<script>
var slideEffects = new Array('fade', 'slide', 'fade');
var currentEffectIndex = 0;
$(document).ready(function(){
    $('#slider').nivoSlider({
        effect: slideEffects[0],
        afterChange: function(){
            currentEffectIndex++;
            $(this).effect = slideEffects[currentEffectIndex % slideEffects.length];
        },
    };
});
</script>

Answer 2

这是一个正确的版本。

<script type="text/javascript">
var slideEffects = new Array('fade', 'slide', 'fade');
var currentEffectIndex = 0;
$(document).ready(function(){
  $('#slider').nivoSlider({
    effect: slideEffects[0],
    afterChange: function(){
      currentEffectIndex++;
      $(this).effect = slideEffects[currentEffectIndex % slideEffects.length];
    },
  });
});
</script>