Tengo el siguiente codigo del visor de imagenes, el problema es que debo generra un botón play que vaya pasando las imagenes de manera consecutiva, pero al llegar a la ultima imagen se detiene, lo que necesito es que vuelva a la foto[0], que no pare la reproduccion de las imagenes sólo hasta pulsar pause, que tambien tengo problemas para programar este botón.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
img{
height:300px;
}
.mini{
height:50px;
}
</style>
</head>
<body>
<img src="imagen1.jpg" id="vis">
<button onclick="atras();"> << </button>
<button onclick="siguiente();"> >> </button>
<button onclick="diapositiva();"> Play </button>
<button onclick="play();"> Pause</button>
<br/>
<img src="imagen1.jpg" onclick="cambia(0);" class="mini" />
<img src="imagen2.jpg" onclick="cambia(1);" class="mini" />
<img src="imagen3.jpg" onclick="cambia(2);" class="mini" />
<img src="imagen4.jpg" onclick="cambia(3);" class="mini" />
<img src="imagen5.jpg" onclick="cambia(4);" class="mini" />
<script type="text/javascript">
var actual = 0;
var visor = document.getElementById("vis");
var fotos = new Array(5);
fotos[0] = "imagen1.jpg";
fotos[1] = "imagen2.jpg";
fotos[2] = "imagen3.jpg";
fotos[3] = "imagen4.jpg";
fotos[4] = "imagen5.jpg";
function cambia(x){
actual = x;
visor.src = fotos[actual];
}
function atras(){
if (actual > 0) {
actual--;
visor.src = fotos[actual];
}
}
function siguiente(){
if (actual < 4) {
actual++;
visor.src = fotos[actual];
}
}
function diapositiva(){
setInterval('siguiente()', 1000);
}
</script>
</body>
</html>