nivo滑块效果,按顺序而不是随机激发所选效果

时间:2011-10-24 22:19:13

标签: nivo-slider

有没有办法让nivo滑块按顺序使用效果,即: slideUp - >然后slideDown - >然后滑动幻灯片等...

而不是使用effect: "slideUp,slideDown"随机激发任何一种效果。

关于山姆

2 个答案:

答案 0 :(得分:0)

我是为你写的。 (注意,我没有测试它或验证它有效,但理论是合理的)

<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>

答案 1 :(得分:0)

这是一个正确的版本。

<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>