javascript - 如何在来自 SlidesJS.com 的 SlideJS 中自动切换幻灯片？

Question

我正在努力让 SlideJS 运行，并且对演示和行为的某些方面进行了排序。

我尚未做到的一件事是让它自动滑动或从一张幻灯片过渡到下一张幻灯片。

报告错误的代码是 SlideJS 主插件文件中的第 67 行，位于下面的右大括号之外的最后一行；我的副本位于https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js :

  if (typeof TouchEvent !== "undefined") {
    $.data(this, "touch", true);
    this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
  }

通过我的调用注释掉分配，可以抑制报告的错误，但我认为代码可能需要比这行更多的信息，这似乎只是将现有设置减半。我可以分配，而不会立即报告错误，

this.options.effect['qwerty'] = 'qwerty';

但是如果我有以下内容，我会遇到类似的错误(即设置未定义的属性):

this.options.effect.slide['qwerty'] = 'qwerty';

我已经尝试了许多配置选项，我可以看到手动圆圈单击以在幻灯片之间移动，但尚未设法获得自动转换(该插件支持幻灯片或淡入淡出选项；我想要 '幻灯片效果)。我目前的选择目标是:

<script>// <![CDATA[
    jQuery(function(){
      jQuery('#slides').slidesjs({
        slide:
            {
            speed: 200
            },
        interval: 2000,
        active: true,
        auto: true,
        effect: 'slide',
        height: 528,
        interval: 5000,
        pauseOnHover: true,
        restartDelay: 2500,
        swap: false,
        width: 940
      });
    });
// ]]></script>

查看源代码:http://www.slidesjs.com/ ，有多个示例调用，但在包含 Slidejs.min.js 后我看到的唯一调用(从 URL 加载的最后一个脚本)是:

  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 350,
        navigation: false
      });
    });
  </script>

谢谢

Answer 1

看看:-

https://jsfiddle.net/5x2tqdsv/

您需要修复您的 html 并删除以下行:-

effect: 'slide',