buscodescargas.com » JavaScript » Como Hacer un Gif Animado

Como Hacer un Gif Animado

Un sencillo script que permite tener gifs animados en nuestros sitios sin necesidad de costosos y complicados softwares para crearlos. Busca el rincón de tu/s páginas donde quieres que se vea el efecto e inserta el código.

Sin necesidad de instalar nada adicional en tu servidor.

Aquí puedes ver el efecto resultante…

— Sólo tienes que agregar 5 imágenes del mismo tamaño –

<HTML> <HEAD> <TITLE> Simula un GIF animado | Buscodescargas.com </TITLE> </HEAD> <mce:style><!– .imagen {margin-top: -100px} –></mce:style><style mce_bogus=”1″><!– .imagen {margin-top: -100px} –></style> <BODY onload=”inicial(), inicia_giro()” bgcolor=black> <center> <img class=imagen id=t1 src=”images/busco-descargas-con-emma-watson.jpg” mce_src=”images/busco-descargas-con-emma-watson.jpg”> <img class=imagen id=t2 src=”images/emma-watson-en-busco-descargas.jpg” mce_src=”images/emma-watson-en-busco-descargas.jpg”> <img class=imagen id=t3 src=”images/emma-watson-en-buscodescargas-bravo.jpg” mce_src=”images/emma-watson-en-buscodescargas-bravo.jpg”> <img class=imagen id=t4 src=”images/emma-watson-bravo-en-buscodescargas.jpg” mce_src=”images/emma-watson-bravo-en-buscodescargas.jpg”> <img class=imagen id=t5 src=”images/busco-descargas-gratis.png” mce_src=”images/busco-descargas-gratis.png” width=”128″> </center> <mce:script type=”text/javascript”><!– /*Simula un GIF animado- por buscodescargas.com Visite Buscodescargas (http://buscodescargas.com) para scripts,contenidos y e-books. Los créditos deben permanecer intactos para usarlo*/ function inicial() { window.t1.style.visibility=”visible”; window.t2.style.visibility=”hidden”; window.t3.style.visibility=”hidden”; window.t4.style.visibility=”hidden”; window.t5.style.visibility=”hidden”; } function inicia_giro() { window.setInterval(“fases()”, 1000); } function fases() { if(window.t1.style.visibility==”visible”) { window.t1.style.visibility=”hidden”; window.t2.style.visibility=”visible”; window.t3.style.visibility=”hidden”; window.t4.style.visibility=”hidden”; window.t5.style.visibility=”hidden”; } else if(window.t2.style.visibility==”visible”) { window.t1.style.visibility=”hidden”; window.t2.style.visibility=”hidden”; window.t3.style.visibility=”visible”; window.t4.style.visibility=”hidden”; window.t5.style.visibility=”hidden”; } else if(window.t3.style.visibility==”visible”) { window.t1.style.visibility=”hidden”; window.t2.style.visibility=”hidden”; window.t3.style.visibility=”hidden”; window.t4.style.visibility=”visible”; window.t5.style.visibility=”hidden”; } else if(window.t4.style.visibility==”visible”) { window.t1.style.visibility=”hidden”; window.t2.style.visibility=”hidden”; window.t3.style.visibility=”hidden”; window.t4.style.visibility=”hidden”; window.t5.style.visibility=”visible”; } else if(window.t5.style.visibility==”visible”) { window.t1.style.visibility=”visible”; window.t2.style.visibility=”hidden”; window.t3.style.visibility=”hidden”; window.t4.style.visibility=”hidden”; window.t5.style.visibility=”hidden”; } } // –></mce:script> </BODY> </HTML>

Seguimos en contacto…

Deja un comentario con tu opinión.

Ah!...aceptamos invitación a café...!!

Comparte con tus amigos...

También te puede interesar...

Tags: animado, gif, imagen, script

Publicado por josep JavaScript Suscribir a RSS feed

estaremos agradecidos con tus comentarios

Como Hacer un Gif Animado

También te puede interesar...

Entradas Recientes

Archivo

Nos Ayudamos?

Categorias

SÍGUENOS EN:

Lo más votado

las entradas mas vistas

Últimos comentarios

Como Hacer un Gif Animado

También te puede interesar...

Entradas Recientes

Archivo

Nos Ayudamos?

Categorias

Etiquetas

SÍGUENOS EN:

Lo más votado

las entradas mas vistas

Últimos comentarios