11548 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à tous, je cherche actuellement dans un souci d'amélioration de mon site et de mes connaissances à créer des animations pour mes boutons de menus.

Je ne souhaite pas utiliser JQuery ou toutes autres bibliothèques car, comme je l'ai dit, je cherche aussi par la même occasion à améliorer mes connaissances de ce langage.

En fait, plus que des bouts de codes, ce que je cherche, c'est une manière de faire.

Par exemple, pour un effet de FadeIn et FadeOut, je ne sais pas trop comment utiliser Javascript afin d'appliquer à une image cet effet.

Quels serait selon vous, les fonctions à utiliser? Quels serait la procédure normal?

je sais que je vais devoir créer un SetTimeOut (je ne me rappel plus exactement du nom de la fonction) afin de donner la durée de l'effet, mais pour l'effet en lui même, je ne sais pas trop comment faire Smiley sweatdrop

Pour l'instant, tout ce que je trouve sur google sont des exemples déjà tout fait construis à partir de bibliothèque JQuery ou autres.
Modifié par DR I (01 May 2011 - 21:07)
Il faudrait modifier dynamiquement la propriété CSS opacity sur l'image dans une fonction qui se répétera continuellement (avec setTimeOut et les fonctions callback) tant que l'opacité de l'image n'est pas à zero (pour un fondu vers le blanc).
Modifié par Chok71 (02 May 2011 - 11:10)
Ah ouais, pas bête, j'avais pas pensé à cette option CSS, je vais tester ça.

Merci bien Smiley cligne