根据SlidesJS文档,您应该能够通过设置"play“选项来设置自动播放速度,如下所示:
$(document).ready(function() {
$('#header-slideshow').slides({
effect : 'fade',
crossfade : true,
fadeSpeed : 1000,
play: 5000, <------------------------- Autoplay interval
pause : 2500, <-------- What?
hoverPause : true
});
});
它不起作用,也不自动播放。我也不明白“暂停”和“播放”之间的区别。
据医生说:
play (号码):
自动播放幻灯片,一个正数将设置为true,并为幻灯片动画之间的时间(毫秒)。
pause(number):
在单击next/prev或分页时暂停幻灯片。正数将设置为true,并为,以毫秒为单位,表示暂停的时间。
我不明白,有什么区别?不过,他们现在似乎都没有做任何事情。
我遗漏了什么?
医生来了:http://www.slidesjs.com/#docs
编辑--我忘了提到幻灯片实际上起作用了。jQuery被导入等,当我单击导航按钮时,幻灯片显示工作。只是自动播放不起作用。
编辑制作了一个JSFiddle,也没有在那里工作。http://jsfiddle.net/WbGeL/
解决方案 hoverPause选项不像预期的那样工作。一旦我悬停在网页上(任何地方真的),它就会认为我在幻灯片上盘旋。即使我将鼠标移出整个浏览器,它仍然认为我在悬停,这导致自动播放无法工作。
发布于 2012-10-24 10:43:07
请您张贴获取javascript错误??
你应该做以下几件事:
1)包含jQuery文件。2)包括Sliders插件js文件。
发布于 2012-10-24 11:18:24
试着添加
autoplay: true;
我认为播放设置是为了幻灯片的持续时间。
发布于 2013-05-25 16:08:12
你的小提琴没有工作,因为‘幻灯片’没有加载(它不是jQuery的一部分)。因此,我将缩小的版本粘贴在您的javascript之上,并做了一些调整。
从本质上说,你的代码很好。如果要使用hoverPause,则必须包含“重新启动”幻灯片的暂停参数。
只修改了您的.slides参数:
$(function() {
$('#slideshow').slides({
effect : 'fade',
crossfade : true,
fadeSpeed : 1000,
play: 5000, // <---- Wait to start and slide change interval.
hoverPause : true,
// miliseconds to wait before resume play on mouseout (hoverPause).
pause : 10
});
});
这是修改过的小提琴:http://jsfiddle.net/WbGeL/7/
https://stackoverflow.com/questions/13047405
复制相似问题