jQuery SlidesJS - 单击导航后无法重新启动动画

标签 jquery slideshow

我正在使用新的slideJS V3.0,但我似乎无法通过单击导航暂停幻灯片动画后重新启动。我看到有人说他们可以使用分页,所以我尝试使用它,但没有成功。非常感谢任何帮助!

这是我正在使用的代码(目前正在尝试使其即使分页也能工作)

<script>

$(function() {

  $('#slides').slidesjs({

    width: 905,
    height: 310,
     navigation: false,
  play: {
    auto: true,
    pauseOnHover: true,
    effect: 'fade',
    restartDelay: 1500
  },
  pagination: {
    effect: 'fade',
    play: {          
      restartDelay: 1500
    }
  },
  effect: {
    fade: {
       speed: 1500
    },       
    crossfade: true
  }

  });
});

</script>

最佳答案

这可以在不修改插件的情况下完成(使用 SlideJS 3.0)。 只需在您的选项中添加以下完整回调即可:

$('#slides').slidesjs({
    callback: {
        complete: function(number) {
            var pluginInstance = $('#slides').data('plugin_slidesjs');

            setTimeout(function() {
                pluginInstance.play(true);
            }, pluginInstance.options.play.interval);
        }
    }
});

关于jQuery SlidesJS - 单击导航后无法重新启动动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17201869/

相关文章:

javascript - 始终在 materializecss 中显示汉堡菜单

在单击按钮之前,Javascript 幻灯片不会显示第一个数组

html - 如何将 div 和 iframe 置于中心?

javascript - 逐步加载幻灯片: Some images don't load or only load partially and quit

css - 我的幻灯片 CSS 有什么问题?

javascript - 有没有办法将这个 jquery 代码转换为 javascript?

jquery - 使用 jQuery 连接多个滚动条以同时滚动

javascript - 使用 jQuery/javaScript 和 HTML5 canvas 制作动画

javascript - 更改 colorbox 中的 div-order

jquery - 为什么我的网站左侧有多余空间?