javascript - 如何使用 jquery 使滑块自动滚动

Question

http://405pixels.gowerpowered.com

我有滑块，我一直在试图弄清楚如何让主页自动滑动？

我尝试使用 firebug 来定位文件...找到了一些 .js 文件，其中包含有关主页滑块的一些信息...但是所有更改和我所做的一切似乎都不起作用...

这是我发现的一个名为 BigFoot 的免费模板。我真的很想了解这个javascript是如何工作的，这就是为什么我首先下载......从模板中学习......如果你能指出我正确的方向，那就太棒了。

谢谢，亚历克斯

Answer 1

您需要用您使用的任何内容替换实际的照片交换代码，但其余代码将每 5 秒换出每张照片。

$(document).ready(function() {
  var next = $('#right-button');

  next.click(function() {
    $('#current-picture').fadeOut('fast');
    $('#next-picture').fadeIn('fast');
    ...whatever code you use for this.
  });

  var scroll = setInterval(function() {
    next.trigger("click");
    if(picture is last) {
      clearInterval(scroll);
    }
  }, 5000);
});

Answer 2

您正在使用 flex 滑块，因此您可以使用下面的代码。

jQuery(window).load(function() {
    jQuery('.flexslider').flexslider( {
    pauseOnHover: true,
        slideshow: false,
        controlsContainer: ".flex-container"
    } );
} );

实际上这是您需要传递以使滑块自动启动的参数

slideshow: false,

如果您遇到任何其他问题，请告诉我。