停止和启动 jQuery SlideShow

发布于 2024-12-29 22:54:06 字数 483 浏览 1 评论 0原文

我正在使用 jQuery Cycle 插件创建图像幻灯片。现在我想做的是，假设我在容器 div 中有 10 个图像，我想要为其播放幻灯片，现在我想在单击按钮时停止该幻灯片，并在单击开始按钮时重新启动它。我的代码是这样的，

$("#startbtn").click(function()
{
    $("#slideshow").cycle({fx: 'fade', timeout: 500});
});
$("#stopbtn").click(function()
{
    $("#slideshow").cycle('stop');
});

我单击停止按钮来停止幻灯片放映。现在，当我想再次开始幻灯片放映时，我按开始按钮，现在有趣的是，幻灯片放映开始，但只有第一张幻灯片，而不是容器 div 的第一个元素经历过渡，幻灯片放映自动停止，没有任何错误。

原文

I am using jQuery Cycle plugin to create an image slideshow. Now what I want to do is, say suppose I have 10 images in a container div for which I want to have the slideshow, now I want to stop that slideshow on a button click and restart it again on start button click. My code goes like this,

$("#startbtn").click(function()
{
    $("#slideshow").cycle({fx: 'fade', timeout: 500});
});
$("#stopbtn").click(function()
{
    $("#slideshow").cycle('stop');
});

I click stop button to stop the slide show.
Now when I want to start my slideshow again I press the start button, now the funny thing is that the slideshow starts but only the first slide, rather first element of the container div goes through the transition and the slideshow just stops automatically, without any errors.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

漫漫岁月 2025-01-05 22:54:06

如果您访问Jquery Cycle Demo，它会在页面底部附近解释如何手动调整您的停止/开始设置：

引用：

停止幻灯片

如果您需要停止正在运行的幻灯片，您可以将字符串“stop”传递给循环方法。

$('#slideshow').cycle('停止');

手动暂停幻灯片

如果您需要暂停/恢复正在运行的幻灯片，您可以将字符串“pause”或“resume”传递给循环方法。

$('#slideshow').cycle('暂停');

如果您仍然遇到问题，所有这些配置都可以在底部附近的 jquery.cycle.all.js（或缩小版本，以哪个版本为准）中进行编辑。因此，在代码下面：

  // override these globally if you like (they are all optional)
  $.fn.cycle.defaults = {

在底部，您可以定制循环插件以满足您的需求。请密切注意配置中的这些内容：

    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

If you go to the Jquery Cycle Demo it explains near the bottom of the page how to manually adjust your stop/start settings:

Quote:

Stopping a Slideshow

If you need to stop a running slideshow you can pass the string 'stop' to the cycle method.

$('#slideshow').cycle('stop');

Manually Pausing a Slideshow

If you need to pause/resume a running slideshow you can pass the string 'pause' or 'resume' to the cycle method.

$('#slideshow').cycle('pause');

If you're still having trouble, all of those configurations are editable in your jquery.cycle.all.js (or the minified version, whichever), near the bottom. So underneath the code:

  // override these globally if you like (they are all optional)
  $.fn.cycle.defaults = {

at the bottom, you can tailor the cycle plugin to suit your needs. Pay close attention to these within the configuration:

    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

回复收藏 0 原文

~没有更多了~