Volver a ver animación de un .gif

[Buixi]

Hola a todos,

mi pregunta es simple. Tengo un .gif que se reproduce sólo la primera vez. Éste gif lo pongo como background-image del link de un li. Es decir, tengo:

li.problema a{
background: url(clip.gif);
}

De esta manera, se ve la animación al cargar la página, pero yo quiero que se vea también al ponerme sobre el link, con este css:

li.problema a:hover{
background: url(clip.gif);
}

Bien, por una vez en la vida IE hace lo que quiero (se vuelve a animar tanto al hacer hover sobre el link como al quitarlo). Pero el resto de navegadores donde lo he probado, no me hacen caso. La medio-solución ha sido crear un archivo igual pero con distinto nombre y ponérselo al hover, pero no me acaba de convencer.

¿Alguien sabe como "reanimar" un gif ya sea con css o javascript?

Gracias de antemando.

PD: Perdonad que duplique el tema, pero en css no se me ha contestado y quizá es mejor en este foro más general.

[buzu]

pues la solucion que has dado me parece perfecta, usar otra imagen... el mismo archivo pero con mismo nombre, se supone que un rollover es eso, cambiar la imagen, o haz tu menu en Flash.

[Buixi]

Hombre, tanto como perfecta... Duplicar una imagen no me parece nunca una buena solución. En éste caso son sólo 900 bytes, pero si encuentro otra manera me ahorro una petición. Además, en otra web podría ser que se diese el caso con una imagen más grande. Encontrar una solución más refinada me permitiría pensar en usarla para otros casos.

Por cierto, un rollover no tiene porque ser una substitución de imágenes. Posicionar imágenes de fondo te da una libertad enorme. El flash lo reservo para cosas bastante puntuales. Para mi, la solución en flash que me propones sería como matar un mosquito a cañonazos.

Un saludo!

[JMS]

bueno y por que no la editas desde Flash??? o por que no image ready ???

[Buixi]

JMS, creo que no has entendido mi problema. Gracias por el interés de todas formas.

[buzu]

bah... Bush destrullo un pais por buscar a un hombre... que de malo tiene matar un mosquito a canonasos??? jejeje... no, respuesta estupida, Bush esta loco...

Mira, no se me ocurre otra forma, lo de posicionamiento de imagenes que dices es bien cierto, asi es como haces un rollover con CSS, pero da igual, el doble de tamano es doble de peso, te ahorras la peticion pero no el ancho de banda... como te dige la solucion que veo es flash.... de otra manera, como@#!$@#! le dices al gif que valla al primer frame y vuelva a animarse?, podrias hacer el rollover y llamar de nuevo a la misma imagen la cual ya esta en el cache, quiza se recargue e inicie la animacion nuevamente.

[Buixi]

Hola Buzu,

bueno, la verdad es que quizá sea un exceso de perfeccionismo. Lo único que me da rabia de usar dos imágenes, es que si hago preload de la segunda, para que no se aprecie demora en el rollover, y el cabroncete de firefox al haberla precargado, no me muestra la animación, imagino que considera que la ha animado mientras la precargaba. Si no hago preload, el hover me tarda medio segundo, por culpa de la conexión a EEUU

No se, lo único que se me ocurre es que desde Javascript puedas acceder a propiedades de los gif, preo no he encontrado nada. A ver si algun experto se pasa por aquí y nos ilumina, aunque empieza a ser más un tema de curiosidad que de necesidad.

De todas formas, gracias por las respuestas.

[buzu]

ya te lo digo, hasta ahora no hay forma de hacer eso... javascript interactua con la pagina no con las imagenes, quiza con svg o con smil se pueda pero no con un simple gif

[Kailu]

Iniciado por Buixi

Hombre, tanto como perfecta... Duplicar una imagen no me parece nunca una buena solución. En éste caso son sólo 900 bytes, pero si encuentro otra manera me ahorro una petición. Además, en otra web podría ser que se diese el caso con una imagen más grande. Encontrar una solución más refinada me permitiría pensar en usarla para otros casos.

Un saludo!

Que interesante problema, se me ocurren algunas cosas pero necesito ver el ejemplo, ¿crees que puedas poner un vínculo?

[buzu]

DE hecho si lo haces con javascript no necesitas hacer otra peticion, solo cargas la imagen de nuevo, quiza funciones, como eso lo hace el cliente, no te ahorras ni gstas una peticion.

Ahora de que sea un interesante problema no lo se, mas bien un capricho diria yo... un buen capricho que nos puede ensenar una buena leccion.

Por que digo que un capricho? simple, si solo fuera un problema a resolver ya se hiviera resuelto con Flash....

Boy a ver si realizo algo con respecto a esto por que me esta comenzando a interesar.