1

私はこのようなほぼ同じコンテンツスライダーを持っています：

どうすれば自動的に回転させることができますか？私はさまざまな方法を試しましたが、うまくいきません。リンクをクリックしてみましたが、機能しません。

i=1;
function autoplay(){
$('#navPoveznica'+i).click();
i++;
if(i>5){i=0};
setTimeout(autoplay, 2000);
}

そして、DOMが.ready()
本当にアイデアがないときに関数を呼び出しましたが、なぜこれが機能しないのですか？この方法で選択できますか？
リンクのクラスを使用する必要があり.each()ますか？

4

2 に答える 2

1

それは私にとってはうまくいきました。デモを確認してください。

html、jsを完全に貼り付けて、チェックしたり、jsfiddleで設定したりできるようにしてください。

于 2012-07-26T07:25:04.277 に答える
1

あなたができることは、スライドする必要があるすべてのdivの配列を次のように作成することです

//Define Variables
var divArray = [];
var delay: 6000;
var autoPlay: true;
var totalDivs: 5;
i = 1;

function createDivArray(){
    $('#content_slider_container').find("div").each( function () {
        divArray.push(this.attr('id'));
    });
}

次に、次のような自動再生関数を記述します。

function autoPlay(divArray) {
  ContentSlider = setInterval(function play(){
      $(divArray).eq(i).slideLeft();
      if (i >= totalDivs){
        i = 0;
      } else {
        i++;
      }
    }
  }, options.delay);

次のような関数を実行します

autoPlay(divArray);
于 2012-07-26T07:45:27.140 に答える