Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: moikano→@ en 12 Julio 2012, 22:43 pm



Título: Cargar una imagen antes que otra (Solucionado)
Publicado por: moikano→@ en 12 Julio 2012, 22:43 pm
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.


Título: Re: Cargar una imagen antes que otra
Publicado por: karmany en 13 Julio 2012, 00:00 am
Pregunto: y no sería mejor crear un solo gif que contenga a los otros dos, y te quitas todos estos problemas.


Título: Re: Cargar una imagen antes que otra
Publicado por: moikano→@ en 13 Julio 2012, 01:16 am
Ok, si parece buena solución, gracias.

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


Título: Re: Cargar una imagen antes que otra
Publicado por: dato000 en 13 Julio 2012, 02:37 am
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.


Título: Re: Cargar una imagen antes que otra
Publicado por: moikano→@ en 13 Julio 2012, 04:45 am
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.

Citar
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.


Título: Re: Cargar una imagen antes que otra
Publicado por: Yoghurt en 13 Julio 2012, 10:06 am
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:
<div id="animaciongif" />
luego accedes a él mediante javascript (cuando se carge la pagina en el evento OnLoad)
Código:
Obj = document.getElementById("animaciongif")
e insertas la animación
Código:
Obj.innerHTML = "<img src='http://gifsanimados.wtf/anim1.gif' />"
o con esto (ya no recuerdo bien)
Código:
Obj.content = "<img src='http://gifsanimados.wtf/anim1.gif' />"
luego esperas unos cuantos segundos e insertas el otro gif de la misma forma.


Título: Re: Cargar una imagen antes que otra
Publicado por: moikano→@ en 13 Julio 2012, 13:27 pm
Justo la respuesta que necesitaba, Gracias AbrahamAraon.