Javascriptスライドショーボタン付き

Question

私は、javascriptスライドショーのための '以前の画像'ボタンを作成する方法を理解しようとしています。ここで私がこれまで持っているコード..

<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]; 
}