自动更换JSlide

时间:2013-07-31 11:03:43

标签: jquery css jslider

我目前正在使用JSlide为朋友创建旋转木马,我对更换幻灯片有疑问。

是否可以更改它以便它会以特定的时间间隔自动滑过每一个?例如,让我们说滑块改变前5s延迟?

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

无论如何,这是以下整个代码:

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

  <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>

1 个答案:

答案 0 :(得分:1)

这是你问题的jsFiddle答案吗?

对于自动滑动选项,我将脚本更改为

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

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

pagination: {
  active: false
}

您可以在SlideJS website

上找到此脚本的大量信息

我希望这会对你有所帮助。