Aqui te hice un Ejemplo para que te guies.
y sí, es como dice
IsaBelM
Código HTML:
Ver original <img id="imgV" src="img0.png" alt=""> <button onclick="anterior(document.all['imgV'])">anterior
</button><button onclick="siguiente(document.all['imgV'])">Siguiente
</button> (function(){
var i = 0;
document.all["imgV"].srcList = []
document.all["imgV"].srcList[0] = "img0.png"
document.all["imgV"].srcList[1] = "img1.png"
document.all["imgV"].srcList[2] = "img2.png"
document.all["imgV"].srcList[3] = "img3.png"
document.all["imgV"].srcList[4] = "img4.png"
anterior = function(imgElement){
if(i !== 0){
i--
}else{
alert("esta es la primera foto")
return;
}
imgElement.src = imgElement.srcList[i]
}
siguiente = function(imgElement){
i++
if(!imgElement.srcList[i]){
i--
alert("esta es la ultima foto")
return;
}
imgElement.src = imgElement.srcList[i]
}
})()