2012-04-23 1 views
-1

クロスフェードスライドショーです。私は、これは以下のコードで何をするか理解していない:rotatePics(1);パラメータ内のこの定数は何をしますか?

HTML

<div id="photos"> 
    <img alt="Glendatronix" src="../../images/glenda_200.jpg" /> 
    <img alt="Darth Fader" src="../../images/fader_200.jpg" /> 
    <img alt="Beau Dandy" src="../../images/beau_200.jpg" /> 
    <img alt="Johnny Stardust" src="../../images/johnny_200.jpg" /> 
    <img alt="Mo' Fat" src="../../images/mofat_200.jpg" /> 
</div> 

JS

$(document).ready(function() { 
    rotatePics(1); 
} 

function rotatePics(currentPhoto) { 
    var numberOfPhotos = $('#photos img').length; 
    currentPhoto = currentPhoto % numberOfPhotos; 
    $('#photos img').eq(currentPhoto).fadeOut(function() { 
    // re-order the z-index 
    $('#photos img').each(function(i) { 
     $(this).css(
      'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos 
     ); 
    }); 
    $(this).show(); 
    setTimeout(function() {rotatePics(++currentPhoto);}, 4000); 
    }); 
} 
+2

定数パラメータとは何ですか? – Madbreaks

+1

わかりやすく非常に基本的な質問の2つのアップボントはありますか? – j08691

答えて

0

rotatePics(1);は - >ちょうどスターターです。画像1から開始する必要があるとだけ言います。

回転ロジックは、これは4秒ごとに回転するsetTimeout(function() {rotatePics(++currentPhoto);}, 4000);です。

setTimeout(function() {   //-> set Timer 
     rotatePics(++currentPhoto); //-> recursion call 
}, 4000);      //-> 4 seconds wait time 
1

"1"は開始位置にすぎません。

rotatePics(++currentPhoto); < - これは位置をインクリメントし、それ自身を呼び出します。

+1

オハイオ州イム私は愚かなそれはあなたが4:00におかげで本を読んだときに起こるかもしれないとにかくおびえた多くのスレッドは –

+0

もう一つの質問は、私はこれがどのようにZのインデックスを設定している私を説明できますか? –

+0

z-indexは要素の重なりを許します。より高いz-インデックスを持つものが上になります(IEの下位バージョンにはこれに関するバグがあります)。 –

関連する問題