Des effets, en veux-tu, en voilà !

Par DanRaZor le mercredi 08 février 2006, 10:27 - 2199 vues

Vous avez rêvez de superbes effets de transitions ... Thomas Fuchs est là pour vous.
Avec deux petits javascripts, il vous ouvre la porte d'effets surprenants et faciles à intégrer à vos page HTML. Via la célèbre bibliothèque AJAX, prototype.js, couplé à la bibliothèque effects.js, vous allez rendre jaloux le logiciel Flash. On pourrait même dire, Au revoir Flash, bonjour AJAX !. Typo, le célèbre blog écrit en Ruby, utilise massivement ces bibliothèques pour faire la plupart de ses beaux effets. Une bonne référence pour les plus réticents.

Un exemple bluffant et d'une simplicité étonnante.

6 commentaires en tout !

1. bat2504 le jeudi 09 février 2006, 08:52 #permalien
bat2504

Salut ! Vraiment super ces effets j'aurais juste une petite question : comment faire pour que quand on charge la page la div à qui on fait subir les effets soit masqué pour que quand on clique sur le lien qui déclanche l'effet sa fasse apparaitre la div parce que actuellement quand je charge la page la div est affiché et je peux la faire disparaitre et raparaitre mais je voudrais qu'elle soit masqué par défaut, voila j'éspere bien avoir expliquer mon problème, merci d'avance ! :D

2. DanRaZor le jeudi 09 février 2006, 09:14 #permalien
DanRaZor

Tu appelles la fonction pour la cacher en début de page entre deux balises script je pense ...

3. j0k le jeudi 09 février 2006, 09:58 #permalien
j0k

document.getElementById('tonid').display = 'none';
Tout simplement :)

4. Anonymous le jeudi 09 février 2006, 10:54 #permalien
Anonymous

Merci de vos réponses, mais ça ne marche pas je sais pas c'est bon ce que j'ai fait j'ai mis entre les balise head cela : <script type="text/javascript">document.getElementById('demo-all').display = 'none'; </script>

Est-ce bon ?

5. iDo le jeudi 09 février 2006, 11:11 #permalien
iDo

salut, pour l'effet Effect.Appear il faut mettre "display:none" dans le style de ton div, pour les effets Effect.BlindDown et Effect.SlideDown il faut faire appel au effet opposé (Effect.BlindUp et Effect.SlideUp) au chargement de la page.

6. bat2504 le vendredi 10 février 2006, 06:47 #permalien
bat2504

Oké ça marche merci beaucoup :D

Pensez à vous inscrire !

  • C'est rapide
  • Utiliser votre compte Facebook
  • Ou votre Open ID
Laisser un commentaire





Catégories


Tags


Liens