[Résolu] Faire un fondu entre les changement de DIV

Re-salut à tous !

J'ai fais mon petit système de menu et j'aimerais qu'il y ait un fondu à chaque changement de DIV's entre-elles.

Vous comprendrez de quoi je parle en allant voir ici : http://www.arthur-design.com/web-mentality
Passez votre pointeur sur un des 4 liens du menu tout en haut, le gros cadre change de DIV en conséquence. Et bien je souhaiterais un fondu entre chaque changement.

Le script : http://www.arthur-design.com/web-mentality/scripts/js/affiches.js
La feuille de style : http://www.arthur-design.com/web-mentality/design/css/jour.css

Merci de m'aider car je n'ai vraiment aucune idée de la manière dont c'est fesable (n'étant pas un grand pro du JS) !


Modifié par N-21 (08 Feb 2008 - 14:00)

Peut être avec l'opacité, il existe je crois une manière de rendre plus ou moins visible une DIV (opacity: 0.7; pour firefox de 0 à 1 et filter:alpha(opacity:70); pour IE de 0 à 100).
Si tu fais un fondu, c'est à dire que tu rends le premier visible sur le deuxième et tu le fais disparaitre progressivement. Un truc comme ça devrait suffire.
Un timer pour cadencer le tout et c'est bon !

(facile a dire... n'est ce pas ! )

KalNex

Salut,

regarde du coté de la librairie jQuery, il existe plein d'effets dont fadeIn et fadeOut.

Ou aussi sur la mootools.
beaucoup d'exemples , donc facile à utiliser même pour un novice du JS,
je parle en connaissance de cause

Merci les gars !
J'ai réussi à faire ce que je voulais !

Pourrais tu expliquer, comment tu as fait, avec quels outils/frameworks ?

Çà pourrais m'intéresser

Surtout que je balance entre mootools et jquery ... mais j'ai une petite préférence sur mootools (sans avoir essayé l'un ni l'autre!).