Se connecter avec
S'enregistrer | Connectez-vous

JavaScript/JScript Transition douce de 2 images

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte

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...)

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...
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde