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

您正在使用弹性滑块，因此您可以使用以下代码。

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

实际上这是你需要传递以制作滑块自动启动的参数

slideshow: false,

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

如何使用jquery制作滑块自动滚动

2 个答案: