맞춤 이미지 셔플러가 작동하지 않습니까?

기본적으로, 내가하려는 것은 일부 JavaScript 코드를 사용하여 이미지를 뒤섞는 것입니다. 현재 이미지의 표시 스타일을 block으로 변경하고 이전 이미지를 none으로 변경하는 것뿐입니다.맞춤 이미지 셔플러가 작동하지 않습니까?

HTML 코드 :

는

<body> 
<img src="http://bit.ly/yOqqbg" id="image1" style="display: block;"> 
<img src="http://bit.ly/dezBUZ" id="image2" style="display: none;"> 
<img src="http://bit.ly/IvM5HE" id="image3" style="display: none;"> 
</body>

자바 스크립트 코드 :

var id = ["image1", "image2", "image3"]; //Array with the id's in the document you want   
to shuffle through 
var i = 0; //Set inital array element 
initiateTimer(); //Get the loop going 

function initiateTimer() {  
if (i > id.length) { 
    i = 0; 
    initiateTimer(); 
} 
setTimeout(function() { changeElement(); }, 2000); //2000 = 2 seconds 
} 

function changeElement() { 
if (id === 0) { 
    document.getElementById(id[2]).style.display = 'none'; 
    document.getElementById(id[i]).style.display = 'block'; 
} else { 
    document.getElementById(id[i - 1]).style.display = 'none'; 
    document.getElementById(id[i]).style.display = 'block'; 
} 
i += 1; 
initiateTimer(); 
}

출처

2012-04-18 user1340073