如何使用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,

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