bueno pues ya he investigado un poco y tengo el siguiente codigo
Código PHP:
<html>
<head>
<title>Mapas</title>
<script language="JavaScript">
var lista = new Array('mapaA1201.gif','mapaA2401.gif','mapaA3301.gif','mapaA4801.gif','mapaA7201.gif');
var contador = 0;
var tiempo = 0;
var tempor = null;
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 parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
</script>
<body color ="#FFFFFF">
<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="javascritp: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>
y lo que me permite es avanzar o retroceder mis imagenes dentro ponen un input text en el que podemos asignarle un tiempo para que empiece la animacion pero al iniciarle me manda un mensaje de error:
javascript is not registered protocol
y bueno preguntarle ya sobre esto que tengo como puedo darle la forma que pretendo?
Cita:
Iniciado por payo22 quisiera saber como puedo hacer una animacion en base a una secuencia de imagenes pero tambien que me permita controlar dicha animacion, es decir, poner un boton de parar la animacion o reanudarla, o si bien la pare la animacion poner un boton de siguiente y anterior para que asi me muestre que imagen seguia en la animacion algo parecido a la siguiente liga:
http://www.nhc.noaa.gov/archive/2005...graphics.shtml