bueno pues al fin he avanzado jajaja solo lo que hace falta es que al detener la animacion y al volver a iniciarla cominece en donde se detuvo pero bueno ya funciona aqui dejo el codigo haber si le pueden hechar un vistazo
Código PHP:
<html>
<head>
<title>Mapa Morelos</title>
<script language="JavaScript">
var lista = new Array('mapaA1201.gif','mapaA2401.gif','mapaA3301.gif','mapaA4801.gif','mapaA7201.gif');
var tiempo = 1000;
var tempor = null;
var pos=0;
var i = 0;
function boucle_images(){
var nombre_total_images = 5;
document.images.centro.src = lista[i]
pos=i;
i++;
i%=nombre_total_images;
tempor=setTimeout("boucle_images()",tiempo);
}
function avanza(){
if (pos==(lista.length-1))
pos=0;
else
pos++;
document.images.centro.src = lista[pos]
}
function retroceso(){
if (pos==0)
pos=(lista.length-1);
else
pos--;
document.images.centro.src = lista[pos]
}
function automat(){
tempor = setTimeout("boucle_images()", tiempo)
}
function parar(){
clearTimeout(tempor);
}
</script>
</head>
<body color ="#FFFFFF" onLoad="javascript:automat()">
<table width="82%" border="0" align="center">
<tr>
<td width="50%" align="right" height="600"><font color="#0033CC">
<b><a href="javascript:retroceso()">atras</a></b></font></td>
<td align="center" width="48%" height="600"><img id="centro" src="mapaA1201.gif" width="800" height="600"></td>
<td width="22%" height="247"><font color="#0033CC">
<b><a href="javascript:avanza()">avance</a></b></font></td></tr>
<tr>
<td width="30%" align="right"><font color="#0033CC"></font></td>
<td width="48%" align="center">
<form name="form1" >
<br>
<input type="submit" name="Button" value="Inicio" onclick="boucle_images()">
<input type="button" name="Button2" value="Parar" onclick="parar()">
</form>
</td>
</tr>
</table>
</body>
</html>
haber que encuentran :arriba: