1

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

4

4 回答 4

0

尝试添加

      autoplay: true;

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

于 2012-10-24T11:18:24.850 回答
0

你的小提琴没有工作，因为'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/

于 2013-05-25T16:08:12.300 回答
0

你能发布获取javascript错误吗？

你应该做以下事情： -

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

于 2012-10-24T10:43:07.673 回答
0

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

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

希望有帮助！

于 2014-07-10T22:31:30.123 回答