如何使JavaScript滑塊自動滑動

Question

我的JavaScript技能很基礎，但是我想學習更多，所以想知道是否有人可以幫助我或向正確的方向指出我，因為我對正在工作的網站有些困惑。

該站點是： http : //epaints.co.uk/基本上，我試圖讓主頁滑塊在頁面加載時自動滑動，此刻它僅在用戶單擊導航按鈕時才滑動。

$('.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');

我們不需要編寫兩次相同的函數，只需觸發點擊即可在頁面加載時運行。