2012-04-23 2 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

간신히 읽기 쉽고 기본적인 질문에 대한 두 개의 상형 문자? – j08691

답변

0

rotatePics(1);이 -> 그냥 스타터입니다. 단지 이미지 1로 시작해야한다고 말합니다.

회전 논리는 다음과 같습니다. setTimeout(function() {rotatePics(++currentPhoto);}, 4000); 4 초마다 회전합니다.

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

"1"은 시작 위치에 불과합니다.

rotatePics(++currentPhoto); < - 위치를 증가시키고 자신을 호출합니다.

+1

오, 어이 어리석은 일이라면 어쨌든 4:00 amx에 책을 읽을 때 일어날 수 있습니다. D 고맙습니다. 스레드가 닫혔습니다. –

+0

다른 질문이 어떻게 제가 Z- 색인을 설정하는지 설명 할 수 있습니까? –

+0

z- 색인을 사용하면 요소를 겹치게 할 수 있습니다. 높은 z- 인덱스를 가진 것이 정상입니다 (IE의 낮은 버전은 이것에 관한 버그를 가지고 있습니다). –

관련 문제