所以我的页面上有一个 NivoSlider。我的问题是我希望第一张幻灯片只显示 2 秒,而所有其他幻灯片只显示 5 秒(第一个只是一些文本“产品版本 2 在这里”)。我怎样才能做到这一点?我在http://nivo.dev7studios.com/support/上没有找到任何(好的)文档。
这是我尝试过的:
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
pauseTime:2000,
pauseOnHover: false,
controlNav:false,
directionNav:true,
directionNavHide:true,
effect:'sliceDown',
captionOpacity: 0.9,
afterChange: function(){$('#slider').nivoSlider().defaults({pauseTime:5000})}
});
});
</script>
这里的最后一行afterChange: function(){$('#slider').nivoSlider().defaults({pauseTime:5000})}
被调用,但我尝试更改初始设置失败 - 它只会破坏动画(从一张幻灯片翻转到下一张没有动画)并且不会改变暂停时间。
有谁知道如何在运行时更改幻灯片之间的暂停/延迟?