1

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

animSpeed: 1000,
pauseTime: 1000,

动画速度:10,暂停时间:50,

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

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

http://dev.htnbank.com

使用 jQuery 1.9.1。除了速度……嗯,不动,nivo 滑块工作正常。

4

2 回答 2

4

目前,您在名为main(第 59-64 行)的 js 文件中有此内容:

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

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

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

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

于 2013-05-20T22:04:25.990 回答
1
jQuery(document).ready(function($) {
     $('#slider').nivoSlider({
          effect: 'fade',
          animSpeed: 340,
          pauseTime: 6000    
     });
});
于 2013-07-24T07:32:33.543 回答