coeurs rouges

obtenir ces boutons

Faire tomber une pluie d'objets sur un écran

Exemple : des petits cœurs rouges

Le 14 février, pour faire tomber sur l'écran une pluie de petits cœurs rouges, encoder le code ci-dessous dans la version HTML d'un article (cela ne fonctionnera qu'à l'affichage de cet article).

La méthode a été appliquée à cet article. Pour voir le gadget en fonctionnement, il faut attendre quelques secondes que tous les gadgets de cette page soient affichés.

On peut aussi placer le code dans un gadget HTML/JavaScript (cela fonctionnera donc quel que soit le message affiché).

Comment ajouter un gadget HTML/JavaScript sur un blog.

NOUVEAU : ce gadget fonctionne également avec les templates de Blogger de 2010 ou un template créé avec l'outil de création de modèles de Blogger.

* * * * *
On peut faire tomber n'importe quel autre objet : ours, fleur, ... Pour changer d'objet, remplacer, dans le code, l'adresse http://2.bp.blogspot.com/-i8gCIRhoLjE/UQbZmlW_WjI/AAAAAAAABic/q4kaxvp__gg/s200/coeur_rou.gif par celle d'une autre image.

Exemples :

http://dl2.glitter-graphics.net/pub/41/41612xtj8ld0fa9.gif

http://dl9.glitter-graphics.net/pub/23/23959j136d25kqa.gif

http://dl.glitter-graphics.net/pub/23/23741ydl5zbmguz.gif

http://3.bp.blogspot.com/_rKG-ziTSNUQ/TPJciLVLxCI/AAAAAAAACT8/BHWw-nFLNkU/s1600/snoweffect1.gif

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TPJbA-FUvyI/AAAAAAAACTY/fJeBvMkDHhA/s1600/falling+snowman.gif

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TPJbEYGUMeI/AAAAAAAACT0/dYZoQSmPFnY/s1600/falling+christmas+object+santa.gif

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TPJbEMjmmpI/AAAAAAAACTw/GdK1bh8K9tU/s1600/falling+christmas+object+present.gif

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TPJbB4QoJ5I/AAAAAAAACTk/3_o8xsyxoIc/s1600/falling+christmas+object+christmas+three.gif

http://3.bp.blogspot.com/_rKG-ziTSNUQ/TPJcitk0fdI/AAAAAAAACUA/tusdR1E9Phw/s1600/falling+christmas+object+blue+snow.gif

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TPJciwWvv2I/AAAAAAAACUE/6BTbwiDZ7yE/s1600/falling+christmas+object+christmas+santa+cap.gif

http://1.bp.blogspot.com/_rKG-ziTSNUQ/TPJbBgco1fI/AAAAAAAACTg/BbBjEpuCo2M/s1600/falling+christmas+object+candy.gif

http://1.bp.blogspot.com/_rKG-ziTSNUQ/TPJbExOZF3I/AAAAAAAACT4/R3zCqeK9THs/s1600/falling+christmas+object+wreath.gif"

http://4.bp.blogspot.com/_rKG-ziTSNUQ/TPJbDLCyQvI/AAAAAAAACTs/d39hWe9Ga6g/s1600/falling+christmas+object+ornament.gif

Un vaste choix est disponible ici.

* * * * *
Le code nécessaire est le suivant :

<script>var url_gif= "http://2.bp.blogspot.com/-i8gCIRhoLjE/UQbZmlW_WjI/AAAAAAAABic/q4kaxvp__gg/s200/coeur_rou.gif";var timer = 90;var nombre = 10; var format = 15;</script><script style="text/javascript" src="https://sites.google.com/site/rvdmarcrailcatrain/home/tomber.js"></script>


* * * * *
Adaptations : on peut, en fonction de l'image choisie, :
- augmenter (ou diminuer) le nombre d'objets : augmenter (ou diminuer) "var nombre = 10;" avec un MAXIMUM DE 19 ;
- augmenter la taille des objets : augmenter : "var format = 15;" ;
- ralentir la vitesse des objets (remarque : agrandir les objets augmente leur vitesse) : augmenter "var timer = 90;".

Aucun commentaire: