0

我目前正在使用 JSlide 为朋友创建轮播，我在更换幻灯片时遇到了问题。

是否可以更改它，使其以特定的时间间隔自动滑过每一个？例如，假设滑块更改前有 5 秒延迟？

另一件事是删除了分页按钮，我假设我只是从函数中删除了分页代码？我不完全确定

无论如何，这是下面的整个代码：

HTML

<div class="slidescontainer">
    <div id="slides">
      <img src="http://i39.tinypic.com/30sh5wo.jpg" alt="Banner 1">
      <img src="http://i41.tinypic.com/w5gds.jpg" alt="Banner 2">
      <img src="http://i41.tinypic.com/17rd3l.jpg" alt="Banner 3">
      <img src="http://i40.tinypic.com/4u8ajn.jpg" alt="Banner 4">
      <img src="http://i42.tinypic.com/30a8l1g.jpg" alt="Banner 5">
      <img src="http://i39.tinypic.com/259x57a.jpg" alt="Banner 6">
      <img src="http://i39.tinypic.com/2r6hbv5.jpg" alt="Banner 7">
    </div>
  </div>

脚本

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://static.tumblr.com/wxsnpan/qjsmqsq7r/jquery.slides.min.js"></script>
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528,
        navigation: {
          effect: "fade"
        },
        pagination: {
          effect: "fade"
        },
        effect: {
          fade: {
            speed: 400
          }
        }
      });
    });
  </script>
4

1 回答 1

1

这是jsFiddle对您问题的回答吗？

对于自动滑动选项，我将您的脚本更改为

play: {
      active: true,
      auto: true,
      interval: 4000,
      swap: true,
      pauseOnHover: true,
      restartDelay: 2500,
      effect:"fade"
    }

对于分页，开发人员允许您使用此选项禁用它，

pagination: {
  active: false
}

你可以在SlideJS 网站上找到很多关于这个脚本的信息

我希望这能帮到您。

于 2013-07-31T11:53:16.300 回答