Te mando lo mismo pero con botón "pa'alante" y botón "pa'trás"
---------------------------------------
<html>
<head>
<style>
#marco{
border:solid 1px black;
position:absolute;
top:50px;
left:300px;
}
.boton{
border:solid 1px black;
position:relative;
background:navy;
color:white;
}
</style>
<script language="JavaScript">
<!--
imagen=new Array;
origen=new Array;
z=0;
//.................................................. ..........
//Pon aquí la ruta de las fotos. Pon tantas como quieras
origen[0]="imagen.jpg";
origen[1]="img/foto.jpg";
origen[2]="http://www.klasic.org/img/violin.jpg";
origen[3]="http://www.webareyou.com/piramide/image1.jpg";
//.................................................. ..........
total=origen.length;
for(a=0;a<total;a++){
imagen[a]=new Image;
imagen[a].src=origen[a];
}
function cambio(x){
z=z+x;
if(z>total-1){z=0}
if(z<0){z=total-1}
marco.src=imagen[z].src;
}
//-->
</script>
</head>
<body>
<script>document.write("<img id=marco src="+imagen[0].src+">");
</script>
<input class="boton" type="button" value="Siguiente" onClick="cambio(1)">
<input class="boton" type="button" value="Anterior" onClick="cambio(-1)">
</body>
</html>
---------------------------------------------------------------
Saludos!