[JS] Background fade in and out
Résolu
kelsett
Messages postés
376
Statut
Membre
-
niconovice Messages postés 1037 Statut Membre -
niconovice Messages postés 1037 Statut Membre -
Bonjour,
Bon comme je suis une m**** en javascript je viens demander votre aide. J'ai une page avec plusieurs boutons, et j'aimerai que lorsque je clique sur un bouton le background de la page change mais avec un petit effet de fade in & out, le tout en javascript. J'ai réussi sans problème à faire changer le background, mais par contre pour l'effet de fade in & out, je n'ai pas réussi :S
Donc voilà est ce que vous pourriez me guider, voir même me donner un bout de code si vous en avez un?
Merci d'avance :)
--
Bon comme je suis une m**** en javascript je viens demander votre aide. J'ai une page avec plusieurs boutons, et j'aimerai que lorsque je clique sur un bouton le background de la page change mais avec un petit effet de fade in & out, le tout en javascript. J'ai réussi sans problème à faire changer le background, mais par contre pour l'effet de fade in & out, je n'ai pas réussi :S
Donc voilà est ce que vous pourriez me guider, voir même me donner un bout de code si vous en avez un?
Merci d'avance :)
--
A voir également:
- [JS] Background fade in and out
- In da place - Forum Mail
- Dc in - Forum Audio
- Deco in paris avis ✓ - Forum Consommation & Internet
- Av out - Forum Cinéma / Télé
- Aux in ✓ - Forum Enceintes / HiFi
4 réponses
faut allez faire un tour du cité de chez jquery il te réglera ça vite fait bien fait :)
grafikart l'explique très bien dans l'un de ses tutos, va voir sur son site
grafikart l'explique très bien dans l'un de ses tutos, va voir sur son site
La plupart des connexions sont de plusieurs méga, ne t'en fait pas pour 70Ko de script, Jquery sera ton meilleur atout pour ce que tu veux faire, il te suffira de quelques lignes de codes pour y parvenir.
c'est parfait pour les personnes comme toi et moi qui sommes pas très fort en JS ^^
Un exemple pour faire ce que tu veux faire:
juste ça et hop un petit fadeIn sur ta div :))
le 3000 et le 100 sont des commandes de vitesse, tu pourras comme ça choisir la vitesse de ton effet ! Un truc vraiment accessible pour un debutant pour des effets pro ;)
Jquery power !!! =D
Voilà une page des fonctions qui devrait t'intéresser et n'hésite pas à retourner sur le l'excellent blog de grafikart pour mieux comprendre Jquery et pas mal d'autre trucs d'ailleurs ^^
https://api.jquery.com/category/effects/
@+
c'est parfait pour les personnes comme toi et moi qui sommes pas très fort en JS ^^
Un exemple pour faire ce que tu veux faire:
<script> $("a").click(function () { $("div").fadeIn(3000, function () { $("span").fadeIn(100); }); return false; }); </script>
juste ça et hop un petit fadeIn sur ta div :))
le 3000 et le 100 sont des commandes de vitesse, tu pourras comme ça choisir la vitesse de ton effet ! Un truc vraiment accessible pour un debutant pour des effets pro ;)
Jquery power !!! =D
Voilà une page des fonctions qui devrait t'intéresser et n'hésite pas à retourner sur le l'excellent blog de grafikart pour mieux comprendre Jquery et pas mal d'autre trucs d'ailleurs ^^
https://api.jquery.com/category/effects/
@+
Salut,
l'ami grafikart t'expliquera bien mieux moi :)
https://www.grafikart.fr/tutoriels/initiation-jquery-84
@+
l'ami grafikart t'expliquera bien mieux moi :)
https://www.grafikart.fr/tutoriels/initiation-jquery-84
@+