Votre question

JavaScript/JScript Transition douce de 2 images

Tags :
  • Transition
  • Programmation
Dernière réponse : dans Programmation
1 Novembre 2006 13:21:20

Bonjour tout le monde !

Voilà, je cherche à faire au passage de la souris, un changement progressif d'une image à une autre. Des que la souris s'en irai, l'image reviendrait progressivement à la premiere.
La technique la plus logique à utiliser est donc le fameux onMouseOver et le onMouseOut.
J'ai bien sur trouvé des script s'en approchant que j'ai pu modifier mais en ne réussissant pas à faire exactement ce que j'ai expliqué quelques lignes audessus.

Le but : éviter le flash

On pourrait éventuelelment se baser sur un script qui joue sur l'opacité de la seconde image superposée sur l'autre.

Voilà un exemple de script qui marche avec l'opacité d'une seule image :

http://www.toutjavascript.com/main/search.php3?note=123...
--> Transparence alpha progressive

Merci de votre attention

Autres pages sur : javascript jscript transition douce images

1 Novembre 2006 20:21:29

regarde :

http://www.allhtml.com/

Tu vois dans leur menu il y a du mous over sauf que lage 2 est un gif animé ...

Falis y pencer ...
1 Novembre 2006 23:46:00

Yep correct mais en fait ca ne serait pas ce type de transition, ca serait plutot du "fade" qui'il faudrait, autrement dit un fondu progressif ...
Et le gif animé dans ce cas là ne peut etre adapté.

En tout cas merci de ton aide =)
Contenus similaires
2 Novembre 2006 01:47:54

cameleon1st a dit :
Yep correct mais en fait ca ne serait pas ce type de transition, ca serait plutot du "fade" qui'il faudrait, autrement dit un fondu progressif ...
Et le gif animé dans ce cas là ne peut etre adapté.

En tout cas merci de ton aide =)

Et tu es sous quel browser ? (IE, NETSCAPE, autres...)
2 Novembre 2006 01:50:43

Parcequ'il existe en javascript, dans le paramètre style, des transitions possibles, somme le fade, les volets (horizontaux et verticaux, etc...)
2 Novembre 2006 10:00:11

Je travaille sous IE et occasionellement Firefox.

Merci
2 Novembre 2006 16:26:08

cameleon1st a dit :
Je travaille sous IE et occasionellement Firefox.

Merci

Voici un exemple:
slide.filters.revealTrans.Transition=5
slide.filters.revealTrans.stop()
slide.filters.revealTrans.apply()
slide.filters.revealTrans.play()

A noter que cet exemple est dans le cours du programme.
Il FAUT en plus que ce paramètre (revealTrans) soit dans la commande <DIV correpondante. Pour çà, il faut allez voir les paramètres possibles des <DIV ...> avec GOOGLE par exemple.(javascript:revealtrans)

"slide" étant le nom de la <DIV ...> qui contient le paramètre .filters.revealTrans...
4 Novembre 2006 15:34:17

Parfait ca !! merci mdy !!! 10/10 ;) 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS