我正在使用nivo滑块的网站上工作。它工作正常......只是图像移动速度不够快。我阅读了文档,并在jquery.nivo.slider.js文件中进行了以下更改:
animSpeed: 1000,
pauseTime: 1000,
要 animSpeed:10, pauseTime:50,
我的问题?我根本无法让滑块自动旋转!
有人可以给我任何指示吗?
使用jQuery 1.9.1。除了速度......好吧,不移动,nivo滑块工作正常。
答案 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
});
});