首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >播放选项不工作在SlidesJS?

播放选项不工作在SlidesJS?
EN

Stack Overflow用户
提问于 2012-10-24 10:30:20
回答 4查看 3.7K关注 0票数 1

根据SlidesJS文档,您应该能够通过设置"play“选项来设置自动播放速度,如下所示:

代码语言:javascript
运行
复制
$(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选项不像预期的那样工作。一旦我悬停在网页上(任何地方真的),它就会认为我在幻灯片上盘旋。即使我将鼠标移出整个浏览器,它仍然认为我在悬停,这导致自动播放无法工作。

EN

回答 4

Stack Overflow用户

发布于 2012-10-24 10:43:07

请您张贴获取javascript错误??

你应该做以下几件事:

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

票数 0
EN

Stack Overflow用户

发布于 2012-10-24 11:18:24

试着添加

代码语言:javascript
运行
复制
      autoplay: true;

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

票数 0
EN

Stack Overflow用户

发布于 2013-05-25 16:08:12

你的小提琴没有工作,因为‘幻灯片’没有加载(它不是jQuery的一部分)。因此,我将缩小的版本粘贴在您的javascript之上,并做了一些调整。

从本质上说,你的代码很好。如果要使用hoverPause,则必须包含“重新启动”幻灯片的暂停参数。

只修改了您的.slides参数:

代码语言:javascript
运行
复制
$(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/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13047405

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档