Cargar una imagen antes que otra (Solucionado)

[moikano→@]

Hola. Estoy haciendo una página y me gustaría saber como puedo hacerlo para que (con cófigo HTML y CSS a poder ser, si no con javascript) pudiera cargar un gif antes que otro.

Es decir, en la página hay un logo que está formado por dos gif y quiero que se vea la animación de uno y cuando acabe la animación del otro.

Gracias de antemano.

[karmany]

Pregunto: y no sería mejor crear un solo gif que contenga a los otros dos, y te quitas todos estos problemas.

[moikano→@]

Ok, si parece buena solución, gracias.

Pero no lo pongo como solucionado porque me gustaría saber como hacerlo de todas formas.

[dato000]

eso suena como hacer un slideshow, pero no se si hace con gif.
No se como hacer en html a punta de codigo, pero es muy sencillo implementar en joomla con una extension como el widgetkit, solo es crear el modulo y colocar un slideshow con las imagenes que se quieren mostrar.

De todas maneras hacer que cargue un gif despues de otro, ummmm si en imagenes no he visto algo asi en html, pues por eso, se hace la acumulación de imagenes en un gif. Perderia gracia hacer algo como dices.

[moikano→@]

Gracias por contestar.

La historia es que el logo es una animación, el cual solo hace una repetición. No es que tenga gracia o no, es que antes era una animación en flash, pero son pesadas e incompatibles con algunos navegadores. Entonces lo cambie a gif y funciona perfectamente.

Por eso quiero hacerlo así, no es por que me de la gana, es porque el diseñador me ha dicho que coloque una animación.

De todas maneras hacer que cargue un gif despues de otro, ummmm si en imagenes no he visto algo asi en html.

Como explico mas arriba , en el primer post, que sea html y css o javascript no me importa, estoy seguro que con javascript se puede hacer, pero no encuentro la manera googleando.

He buscado lo de slideshow y creo que es mas complicado que lo que yo quiero hacer o eso me parece.

Por eso pregunto.

[Yoghurt]

te parece en javascript. En el html crea un elemento con un identificador el la zona en la que quieres poner el gif,

Código [Seleccionar] Expandir

<div id="animaciongif" />
luego accedes a él mediante javascript (cuando se carge la pagina en el evento OnLoad)

Código [Seleccionar] Expandir

Obj = document.getElementById("animaciongif")
e insertas la animación

Código [Seleccionar] Expandir

Obj.innerHTML = "<img src='http://gifsanimados.wtf/anim1.gif' />"
o con esto (ya no recuerdo bien)

Código [Seleccionar] Expandir

Obj.content = "<img src='http://gifsanimados.wtf/anim1.gif' />"
luego esperas unos cuantos segundos e insertas el otro gif de la misma forma.

[moikano→@]

Justo la respuesta que necesitaba, Gracias AbrahamAraon.