Question

根据SlidesJS文档，您应该可以通过设置“播放”选项来设置自动播放速度，如下所示：

$(document).ready(function() {
    $('#header-slideshow').slides({
        effect : 'fade',
        crossfade : true,
        fadeSpeed : 1000,
        play: 5000,   <------------------------- Autoplay interval
        pause : 2500, <-------- What?
        hoverPause : true
    });
});

它不起作用，它不会自动播放al。我也不明白“暂停”和“玩”之间的区别。

根据文件：

播放（数字）：

自动播放幻灯片显示，正数将设置为true并且 幻灯片动画之间的时间，以毫秒为单位。

暂停（数目）：

点击下一个/上一个或分页时暂停幻灯片显示。一个正数将设置为true并且暂停时间（以毫秒为单位）。

我不明白，有什么区别？他们现在似乎都没有做任何事情。

我缺少什么？

Doc在这里： http://www.slidesjs.com/#docs

修改我忘了提到幻灯片实际上正在工作。导入jQuery等，单击导航按钮时幻灯片显示工作。这只是自动播放不起作用。

修改做了一个JSFiddle，也没有在那里工作。 http://jsfiddle.net/WbGeL/

解决方案 hoverPause选项无法按预期工作。一旦我盘旋在网页上（任何地方），它认为我在幻灯片上盘旋。即使我将鼠标移出整个浏览器，它仍然认为我正在徘徊，这导致自动播放不起作用。

Answer 1

你能发帖子获取javascript错误吗？

你应该做的事情是： -

1）包含jQuery文件。 2）包含滑块插件js文件。

Answer 2

尝试添加

      autoplay: true;

我认为播放设置适用于幻灯片持续时间。

Answer 3

你的小提琴没有用，因为'slidejs'没有加载（它不是jQuery的一部分）。因此，我将缩小版本粘贴到您的javascript上方并进行了一些调整。

基本上，你的代码很好。如果您要使用hoverPause，则必须包含pause参数以“重新启动”幻灯片。

仅修改.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/

Answer 4

我遇到了同样的问题，但我做了一些调查，发现play选项需要一个包含各种播放选项的对象。根据我的理解，play主要用于触发基于播放/停止按钮的幻灯片放映，但它有一个auto选项可以打开自动播放：

play: {
    active: false,        // Don't display play/stop button
    auto: true,           // Activates autoplay
    effect: "fade",
    interval: 5000       // Time between slides
},

希望有所帮助！

播放选项在SlidesJS中不起作用？

4 个答案: