首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >停止并启动jQuery SlideShow

停止并启动jQuery SlideShow
EN

Stack Overflow用户
提问于 2012-01-31 14:08:57
回答 1查看 1.2K关注 0票数 0

我正在使用jQuery循环插件创建一个图像幻灯片。现在我要做的是,假设我在一个容器div中有10个图像,我想要有幻灯片显示,现在我想在一个按钮上停止这个幻灯片,然后在开始按钮单击时重新启动它。我的密码是这样的,

代码语言:javascript
复制
$("#startbtn").click(function()
{
    $("#slideshow").cycle({fx: 'fade', timeout: 500});
});
$("#stopbtn").click(function()
{
    $("#slideshow").cycle('stop');
});

我点击停止按钮停止幻灯片放映。现在,当我想再次启动幻灯片时,我按下“开始”按钮,有趣的是,幻灯片开始了,但只有第一张幻灯片,而是容器div的第一个元素经过转换,幻灯片自动停止,没有任何错误。

EN

回答 1

Stack Overflow用户

发布于 2012-01-31 17:15:25

如果您转到Jquery循环演示,它解释了如何手动调整停止/启动设置:

引文:

停止滑行

如果需要停止运行幻灯片,则可以将字符串“停止”传递给循环方法。

$(‘#幻灯片’).cycle(‘停止’)

手动暂停滑行

如果需要暂停/继续运行幻灯片,则可以将字符串“暂停”或“恢复”传递给循环方法。

$(‘#幻灯片’).cycle(暂停);

如果您仍然有问题,所有这些配置都可以在您的jquery.cycle.all.js (或小型化版本,以哪种版本)中编辑,接近底部。所以在代码下面:

代码语言:javascript
复制
  // override these globally if you like (they are all optional)
  $.fn.cycle.defaults = {

在底部,您可以定制适合您的需要的周期插件。请密切注意配置中的这些内容:

代码语言:javascript
复制
    autostop: 0, // true to end slideshow after X transitions (where X == slide
    count)
    autostopCount: 0, // number of transitions (optionally used with autostop to 
    define
    X)
    manualTrump:   true,  // causes manual transition to stop an active transition 
    instead of being ignored
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9080913

复制
相关文章

相似问题

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