he estado buscando en las faq para resolver el problema pero no he podido hacerlo funcionar. soy bastante novatillo en esto, llevo un par de semanas empapandome de manuales y tal, a ver si podeis darme algun consejo o link que me pueda ayudar.
en el siguiente codigo, intento colocar una imagen de una rueda al lado de un boton, cuando se situa el raton sobre la rueda deben cargarse varias imagenes sucesivas dando el efecto de que gira, sin embargo la realidad es otra, tanto en firefox como en IExp., me carga mov[0] pero no pasa nada cuando pongo el raton sobre la imagen.
<head>
<title>La web del invierno</title>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
</head>
<script language=javascript>
mov = new Array()
mov[0] = new Image(48,46)
mov[0].src = "./images/rueda0.gif"
mov[1] = new Image(48,46)
mov[1].src = "./images/rueda1.gif"
mov[2] = new Image(48,46)
mov[2].src = "./images/rueda2.gif"
mov[3] = new Image(48,46)
mov[3].src = "./images/rueda3.gif"
function mov(){
var i
for(i=0;i<4;i++){
window.document.getElementById('rueda').src = mov[i].src
}
}
function stop(){
window.document.getElementById('rueda').src = mov[0].src
}
</script>
<div id="borde">
<div id="contenedor">
<div id="cabecera"><img src="images/cabeceramsport.jpg" width="700" height="106" alt="La Web del Invierno" border="0"></div>
<div id="navegador">
<a href="#" class="enlacenav" onmouseover="mov()" onmouseout="stop()"><img src="./images/rueda0.gif" width=48 height=46 alt="rueda" border="0" id="rueda">Portada</a> |
<a href="#" class="enlacenav">Invierno</a> |
<a href="#" class="enlacenav">Diciembre a marzo</a> |
<a href="#" class="enlacenav">La chimenea</a> |
me han comentado que puede ser por que se hace el cambio de imagen tan rapido que no se llega a apreciar, pero no se como solucionarlo, aunque yo me inclino por pensar que mi novatez me ha hecho poner algo de codigo fuera de sitio, algunas comillas mal o incluso puede faltar codigo para cumplir la funcion.
gracias de antemano.