javascript - 如何让javascript slider 自动滑动

Question

我的 JavaScript 技能非常基础，但我想了解更多，所以想知道是否有人可以帮助我或为我指出正确的方向，因为我对我正在开发的网站有点困惑。

网站是:http://epaints.co.uk/基本上我试图让主页 slider 在页面加载时自动滑动，目前它仅在用户单击导航按钮时滑动。

$('.caro-arrow.caro-arrow-r').click( function () {
    setTimeout("$('.caro-arrow.caro-arrow-r').click()", 4000);
});

我一直认为这很简单，只需添加以下代码即可自动滑动，但它似乎不起作用:

  auto: true,
  autoControls: true

就像我说的，如果有人可以帮助我或为我指出正确的方向，我将不胜感激!

感谢您的帮助:-)

Answer 1

在 $(document).ready(function () {/* HERE */}) 中使用以下代码

$('.caro-arrow.caro-arrow-r').click( function () {
    setTimeout("$('.caro-arrow.caro-arrow-r').click()", 4000);
}).trigger('click');

我们不需要两次编写相同的函数，只需触发点击即可在页面加载时运行。