0

このコンテンツ スライダーがあり、スライド ショーのようにする必要があります。自動再生が必要です。

$(document).ready(function() {

$('.poveznicaDiv').click(function(){
    var broj = $(this).attr('id');
    broj = broj.split('ca');
    broj = parseInt(broj[1]);       
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(broj-1) +'px'}, 'slow');
});
});

クロアチア語にあるIDとクラス名を無視します:D

これは問題なく動作しますが、自動再生が必要です

私はこれを試しました：

slideShow();

function slideShow(){
    var i = 0;
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
    broj++;
    // alert(i);
    if(i>5){
        i=0;
    }   
    setTimeout(slideShow, 1000);
};

しかし、これはうまくいきませんでした

自動再生するにはどうすればよいですか？

編集

クラス .poveznicaDiv の div には、poveznica1、poveznica2 などの ID もあります。

だから私はそれらをクリックする機能を追加しようとしました

このようなもの：

i=1;
function autoplay() {
$('#poveznica'+i).click();
i++;
setTimeout(autoplay, 1000);
}

なぜこれが機能しないのですか？私はそれを .ready に入れて、関数 (autoplay;) を呼び出しました。助けてください

編集

私のスライダー (および html と css) は、これとほとんど同じですhttp://www.webdeveloperjuice.com/2010/01/12/lightest-jquery-content-slider-ever-made-380-bytes/

自動で回転させるにはどうすればよいですか？

4

2 に答える 2

1

コードをインクリメントiしていません。グローバル変数ではないため、関数呼び出しにも渡す必要があります。

var slideShow = function(i){
  $('#maskaSadrzaja').animate({
    'left': '-' + 500*(i) + 'px'
  }, 'slow');

  broj++;

  if(i>5){
    i=0;
  }   

  setTimeout(function(){
    slideShow(i+1);
  }, 1000);
};

slideShow(0);
于 2012-07-24T19:19:32.640 に答える
0

Document.Ready に入れるか、略してこのように

$(function() {       
var i = 0;
$('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow');
broj++;
// alert(i);
if(i>5){
    i=0;
}   
setTimeout(slideShow, 1000);

});

于 2012-07-24T19:18:06.410 に答える