所以我想我会在我的一个项目中实现 Nivo jQuery 滑块。一切都已实施,据我所知,它应该可以正常工作,但由于某种原因,某些效果不起作用。
如果我将 animSpeed 设置为小于 500(默认值)甚至更少的效果工作,我要么从右侧滑入,要么我只是得到一个静态开关(它等待 animSpeed 完成,然后只是切换图片)。还值得一提的是,对于某些过渡,animSpeed 被忽略了,它有时至少保持在 500(甚至可能更多)。
触发插件的代码:
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'boxRandom',
animSpeed: 500,
pauseTime: 5*1000,
directionNav: true,
controlNav: false,
pauseOnHover: true,
prevText: 'Prev',
nextText: 'Next',
randomStart: true,
});
});
HTML 代码:
<div id="slider" class="nivoSlider">
<a href="#"> <img src="valid/source1.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source2.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source3.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source4.jpg" alt="" /> </a>
</div> <!-- slider-->
有任何想法吗?