nivo-slider - nivo 滑块效果，按顺序而不是随机触发所选效果

Question

有没有办法让 nivo 滑块按顺序使用效果，即：slideUp --> 然后 slideDown --> 然后 slideslideUp 等...

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

问候山姆

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>