Question

我正在使用nivo滑块的网站上工作。它工作正常......只是图像移动速度不够快。我阅读了文档，并在jquery.nivo.slider.js文件中进行了以下更改：

animSpeed: 1000,
pauseTime: 1000,

要 animSpeed：10， pauseTime：50，

我的问题？我根本无法让滑块自动旋转！

有人可以给我任何指示吗？

http://dev.htnbank.com

使用jQuery 1.9.1。除了速度......好吧，不移动，nivo滑块工作正常。

Answer 1

目前，您的js文件名为main（第59-64行）：

$('#slider').nivoSlider({ 
    effect: 'fade',  
    pauseTime: 3000000, // <- this is causing your problems
    directionNav: true, 
    customChange: function(){Cufon.replace('.nivo-caption');}
});

pauseTime选项使幻灯片在每张幻灯片之间等待50分钟。您已更改jquery.nivo.slider.js中的nivoSlider默认设置，但上面代码中的选项会覆盖它。这是您应该将其更改为：

$('#slider').nivoSlider({ 
    effect: 'fade',
    animSpeed: 500,
    pauseTime: 500,
    directionNav: true, 
    customChange: function(){Cufon.replace('.nivo-caption');}
});

我使用500ms作为两个选项，因为您想要使用的值会使幻灯片移动得如此之快，以至于没有人能够查看它们。

Answer 2

jQuery(document).ready(function($) {
     $('#slider').nivoSlider({
          effect: 'fade',
          animSpeed: 340,
          pauseTime: 6000    
     });
});

Nivo滑块：试图提高旋转速度

2 个答案: