Ir arriba

Estos efectos les va a gustar a muchos, creo yo (o no? xD). Se trata de unos geniales y muy realistas efectos de Fuegos artificiales con Javascript para tu pagina web. Especiales para este martes a las 00:00, que comienza un nuevo año.
Para simplificarles la vida me he metido en el código para que las imágenes no tengan que subirlas ustedes, crear carpetas y demás. Yo las he subido a un hosting, asi que solo tendrán que pegar el código en su web. :D

Los Fuegos Artificiales están divididos en dos categorias:
1.- Los que aparecen en forma aleatoria por toda la página desde el comienzo: Ejemplo
2.- Los que son "Lanzados" desde la parte inferior de tu web, y luego explotan en el "aire": Ejemplo

Elige el que más te guste viendo los ejemplos, Copias el respectivo codigo y lo pegas justo DESPUES - abajo de <head>

1.- Fuegos artificiales explotando

Efecto Fuegos artificiales 1
Codigo:
<script src="http://inacho07.googlepages.com/fuego1.js" type="text/javascript"/>

Efecto Fuegos artificiales 2
Codigo:
<script src="http://inacho07.googlepages.com/fuego2.js" type="text/javascript"/>

Efecto Fuegos artificiales 3
Codigo:
<script src="http://inacho07.googlepages.com/fuego3.js" type="text/javascript"/>

Efecto Fuegos artificiales 4
Codigo:
<script src="http://inacho07.googlepages.com/fuego4.js" type="text/javascript"/>

2.- Lanzamiento de Fuegos artificiales

Lanzamiento Fuegos artificiales 1
Codigo:
<script src="http://inacho07.googlepages.com/fuegos1.js" type="text/javascript"/>

Lanzamiento Fuegos artificiales 2
Codigo:
<script src="http://inacho07.googlepages.com/fuegos2.js" type="text/javascript"/>

Lanzamiento Fuegos artificiales 3
Codigo:
<script src="http://inacho07.googlepages.com/fuegos3.js" type="text/javascript"/>

Lanzamiento Fuegos artificiales 4
Codigo:
<script src="http://inacho07.googlepages.com/fuegos4.js" type="text/javascript"/>

Lanzamiento Fuegos artificiales 5
Codigo:
<script src="http://inacho07.googlepages.com/fuegos5.js" type="text/javascript"/>


Ponle el enlace de "Lanzar" y "Detener"

Para eso solo debes poner un enlace en cualquier parte de tu web, con este código:

<A HREF="#" onClick="myFW.stop();return false;">Detener</A><br>
<A HREF="#" onClick="myFW.start();return false;">Lanzar</A><br>

Si quieres cambias el texto en verde.

Feliz Año nuevo a todos! pasenla bien! y moderadamente.. jeje ^^

12 comentarios:

Anónimo dijo...

Me tira un error: end-tag o algo asi, como que no esta bien cerrado el codigo. :S

Anónimo dijo...

Anónimo, te contesto yo.
No me toma el comentario con el código, pero veré como te explico.
Elegís uno de los códigos, lo copiás tal cuál y le agregás: signo de apertura de código+barra+script+signo de cierre de código. Espero que entiendas.

Felicidades!

Anónimo dijo...

Perdón, es más sencillo que eso. Sólo falta la barra antes de cerrar el código.

Anónimo dijo...

Por nada :)

Ignacio dijo...

Si, muchas gracias por corregir el error :)
Blogger no acepta el codigo sin cerrar el tag con /
^^

Anónimo dijo...

x q no me resulta al insertar el codigo en mi web hecha en flash??

hay algo malo con el codigo?
o no se puede poner en webs hechas en flash?

Anónimo dijo...

hola ,soy sandro2 algunaperosn aque me pueda ayudar pongo el codigo de los fuegos artificiales y no funciona que ocurrio porfavor digame urgente

Anónimo dijo...

Hola que tal este codigo me da un error que dice stack over flow at line: 220 porque sera que me tira ese error?

Anónimo dijo...

lo mismo digo... no funciona ni en los ejemplo ^^UUu

Ignacio dijo...

Hola a todos, no estaba funcionando porque el servidor Googlepages se satura, ya que mucha gente esta utilizando mis codigos, asi que subire los archivos a otro servidor para que puedan usarlos correctamente...

Anónimo dijo...

vaya truño..no funciona!

Anónimo dijo...

se puede poner este efecto en un blogspot? por favor respondanme a mi email ya que entre de casualidad a esta web , mi web es:
www.charlyilusionista.blogspot.com

mi email es: charlyilusionista@hotmail.com

otra pregunta: se me vencio el dominio gratuito en donde tenia alojado el blog era .ar.gs podrian decirme como hago para volverlo a tener ...!

Publicar un comentario

Gracias por visitar Creando Web, si tienes alguna duda, solo pregunta! ^^
- He activado la moderación de comentarios por el spam :)