我正在使用新的slideJS V3.0,但我似乎无法通过单击导航暂停幻灯片动画后重新启动。我看到有人说他们可以使用分页,所以我尝试使用它,但没有成功。非常感谢任何帮助!
这是我正在使用的代码(目前正在尝试使其即使分页也能工作)
<script>
$(function() {
$('#slides').slidesjs({
width: 905,
height: 310,
navigation: false,
play: {
auto: true,
pauseOnHover: true,
effect: 'fade',
restartDelay: 1500
},
pagination: {
effect: 'fade',
play: {
restartDelay: 1500
}
},
effect: {
fade: {
speed: 1500
},
crossfade: true
}
});
});
</script>
最佳答案
这可以在不修改插件的情况下完成(使用 SlideJS 3.0)。 只需在您的选项中添加以下完整回调即可:
$('#slides').slidesjs({
callback: {
complete: function(number) {
var pluginInstance = $('#slides').data('plugin_slidesjs');
setTimeout(function() {
pluginInstance.play(true);
}, pluginInstance.options.play.interval);
}
}
});
关于jQuery SlidesJS - 单击导航后无法重新启动动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17201869/