ya logre que inicie automaticamente pero hay algo mal en mi funcion que no me permite detenerlo?
aqui pongo mi codigo:
Código PHP:
<html>
<head>
<title>Mapa Morelos</title>
<script language="JavaScript">
<!-- Mas en: http://javascript.espaciolatino.com/ -->
var lista = new Array('mapaA1201.gif','mapaA2401.gif','mapaA3301.gif','mapaA4801.gif','mapaA7201.gif');
var contador = 0;
var tiempo = 0;
var tempor = null;
var i = 0;
function boucle_images()
{
var intervalle=1000
var nombre_total_images = 5;
document.images.centro.src = lista[i]
i++;
i%=nombre_total_images;
setTimeout("boucle_images()",intervalle);
}
function cambio(sen){
contador+= sen;
if (contador ==lista.length)
contador = lista.length-1;
else
if (contador < 0) contador = 0;
document.images.centro.src = lista[contador]
window.status="Imagen numero "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automatico";
if (isNaN(tiempo) || tiempo <= 0)
alert("Error en el tiempo")
else
tempor = setTimeout("pasar()", tiempo)
}
function automat2(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automatico";
tempor = setTimeout("boucle_images()", tiempo)
}
function parar(){
clearTimeout(tempor);
}
function pasar(){
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
</script>
<body color ="#FFFFFF" onLoad="javascript:automat2(1000)">
<table width="82%" border="0" align="center">
<tr>
<td width="50%" align="right" height="600"><font color="#0033CC">
<b><a href="javascript:cambio(-1)">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:cambio(1)">avance</a></b></font></td></tr>
<tr>
<td width="30%" align="right"><font color="#0033CC"></font></td>
<td width="48%" align="center"><b><font color="#0033CC">Automatico</font></b>
<form name="form1" method="post" action="javascript:automat(this.form1.tiempo.value)">
<input type="text" name="tiempo">
<br>
<input type="submit" name="Button" value="Inicio" onclick="pasar()">
<input type="button" name="Button2" value="Parar" onclick="parar()">
</form>
</td>
<td width="22%"><font color="#0033CC"></font></td>
</tr>
</table>
</body>
</html>
espero me puedan ayudar
voy a seguir checando que esta mal
gracias
