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

【问题标题】：Play option not working in SlidesJS?播放选项在 SlidesJS 中不起作用？
【发布时间】：2012-10-24 10:30:20
【问题描述】：

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

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

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

根据文档：

播放（号码）：

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

暂停（数字）：

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

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

我错过了什么？

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

编辑我忘了提到幻灯片实际上是有效的。 jQuery 被导入等，当我单击导航按钮时幻灯片工作。只是自动播放不起作用。

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

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

【问题讨论】：

您确定您的幻灯片 html 标记是正确的，并且您添加了正确的 css？ JavaScript 控制台中的任何错误？
是的，请看我的编辑。

标签： jquery autoplay slidesjs

【解决方案1】：

你能发布获取 javascript 错误吗？？

你应该做以下事情：-

1) 包含 jQuery 文件。 2) 包含 Sliders 插件 js 文件。

【讨论】：

如果您给出此类答案，您应该添加评论吗？

【解决方案2】：

尝试添加

      autoplay: true;

我认为播放设置是针对幻灯片持续时间的。

【讨论】：

什么！ doc文件中的任何地方都没有指定，是吗？令人沮丧的是，应该非常清楚地包括在内。不，fadeSpeed 或 slideSpeed 用于幻灯片持续时间。 play 是自动播放之间的暂停，但暂停我不知道它是做什么的。
哦，现在好像又不行了。它工作过一次，然后在我回复后停止工作。我没有改变任何东西。自动播放似乎什么都不做，并且在文档中没有指定，所以我认为它不存在？也许这只是库中的一个错误？
这是在某个服务器上吗？
不，不幸的是在本地运行。不过没什么可看的。控制台没有错误，我的代码在 OP 中。你还有什么想看的吗？我强烈怀疑 HTML 是否是问题，因为幻灯片实际上可以工作，它只是一个拒绝工作的单一选项。
现在也适合我。我发现 hoverPause 选项非常不一致，不能正常工作。一旦我禁用它，它就会再次为我工作。

【解决方案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/

【讨论】：

【解决方案4】：

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

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

希望有帮助！

【讨论】：