자바 스크립트 슬라이드 쇼

Question

나는 나의 자바 스크립트 슬라이드 쇼를위한 '이전 이미지'버튼을 만드는 방법을 알아 내려고하고있다. 여기에 지금까지 가지고있는 코드 ..

<img id="slide" height="300" width="300" src="images/1.jpg"> 
<br /> 
<button id="previous">Previous Slide</button> 
<button id="next" >Next Slide</button> 

var i = 1; 
var images = []; 

images[0] = "images/1.jpg"; 
images[1] = "images/2.jpg"; 
images[2] = "images/3.jpg"; 

var nextImage = function() { 
    document.getElementById("slide").src = images[i]; 

    if (i < images.length - 1) { 
     i++;  
    } 
    else { 
     i=0;  
    } 
} 

var previousImage = function() { 
    document.getElementById("slide").src = images[i]; 
} 


document.getElementById("next").addEventListener("click", nextImage); 
document.getElementById("previous").addEventListener("click", previousImage); 

당신은 내가이 일을 내 previousImage 기능을 수행하는 것과 같은 우둔 해요 볼 수 있듯이이다. 이견있는 사람?

Answer 1

이 시도 :

var i = 0; 
var images = []; 

images[0] = "images/1.jpg"; 
images[1] = "images/2.jpg"; 
images[2] = "images/3.jpg"; 

var nextImage = function() { 

    if (i < images.length) { 
      i++;  
    } 
    else { 
     i=0;  
    } 
    document.getElementById("slide").src = images[i]; 

} 

var previousImage = function() { 
    if (i > 0) 
     i--;  
    } 
    else { 
     i=images.length-1; 
    } 
    document.getElementById("slide").src = images[i]; 
}