Faire une FadeIn sans l'option "button"??

Avatika Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
 Avatika -
Bonjour tout le monde,
j'ai trouvé la jquery "FadeIn", "FadeOut", et "fadeToggle".

Mon soucis est que pour activer cette fonction il faut absolument intégrer une interraction via un bouton.

J'aurais aimé savoir s'il existait une fonction similaire au "fadeIn", mais sans activation manuelle:
en faite, je voudrais que mon texte apparaisse automatiquement (oui bon ça c'est normal jusque là), mais surtout progressivement dès le chargement de ma page web.
Merci pour votre réponse, je n'ai absolument rien trouvé sur internet, (so so sad!!)
:( j'espère que vous pourrez m'aider

1 réponse

Romaji
 
Salut,

non c'est faux la fonction JQuery fadeIn sert à faire une transition:

http://api.jquery.com/fadein/

Dans le cas d'une animation c'est normal qu'il y ait un événement déclencheur. ENfin on peut s'en passer toutefois et le code sera exécuté au moment où le navigateur le lit.

En JQuery si vous mettez le code dans .ready{... cela correspond au javascript <body onload=mafonction_js()> mais il faudra faire vous même l'équivalent de la fonction fadeIn()

Sinon vu que c'est une animation si vous la faites tourner en boucle ça résout aussi la question.

Pour les animations je vous conseille de faire un tour du côté de CSS(3 et>)² qui peut faire des trucs assez costaud où bien CANVAS qui est un élément HTML qui sert à 'dessinner' avec javascript, donc animer aussi(en dessinant les étapes de l'animation consécutives) et comprends des fonctions pour ça.

JQuery c'est une bibliothéque javascript qui regroupe des fonctions toutes faites, très pratique et plus rapide à lire et écrire plutôt que de devoir à chaque fois faire ses propres fonctions.
0
Avatika Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Romanji.
Du coup j'essaye d'intégrer mon animation avec une @keyframes, cela semble appropriée.
Mais je galère, la fonction @Keyframes nomdelafonction{.....}, n'est pas reconnu par mon éditeur de texte. je ne comprends pas pourquoi.
Je continue de chercher, mais si qqn à un complément d'aide à m'apporter je suis preneuse.
Merci :)
0
Romaji
 
Que l'éditeur ne reconnaisse pas c'est pas grave tant que quand vous testez dans le navigateur ça marche.
Méfiez vous toutefois des compatibilités et de pas surcharger de trop d'animations pour éviter que la page rame.
C'est encore un peu récent donc pas encore bien pris en charge(selon les navigateurs) et les petits processeurs aiment pas trop d'animation en CSS qui peuvent être gourmande en RAM.
0
Avatika
 
c'est gentil, merci bcp
0