0

我正在努力让 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>

谢谢，

4

2 回答 2

1

看看：-

https://jsfiddle.net/5x2tqdsv/

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

effect: 'slide',
于 2017-01-14T15:14:44.713 回答
0

有两个问题。

一是HTML需要修复。

另一个是选项正在呈现，平坦，http ://www.slidesjs.com/examples/playing/ 的来源有：

    $(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528,
        play: {
          active: true,
          auto: true,
          interval: 4000,
          swap: true,
          pauseOnHover: true,
          restartDelay: 2500
        }
      });
    });

我目前拥有我想要的一切，除了在被 Hijaxed 之前最初一次显示的数据（我应该能够通过多种方式解决这个问题，这不是我关心的问题）。除了 HTML 问题之外，我还遇到了另一个问题，即当我需要一个选项/键 ( play) 有自己的字典作为值而不是数字或布尔值时，我试图使用平面字典来指定选项它的价值就像大多数其他选择一样。

我从现在开始工作的更新的 JSfiddle 是https://jsfiddle.net/ydvtynjL/

于 2017-01-16T18:49:49.447 回答