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

时间:2013-05-20 21:44:01

标签: jquery nivo-slider

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

animSpeed: 1000,
pauseTime: 1000,

要      animSpeed:10,      pauseTime:50,

我的问题?我根本无法让滑块自动旋转!

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

http://dev.htnbank.com

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

2 个答案:

答案 0 :(得分:4)

目前,您的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作为两个选项,因为您想要使用的值会使幻灯片移动得如此之快,以至于没有人能够查看它们。

答案 1 :(得分:1)

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