Discussion :

[seb591]

Bonjour à tous.

Je vous explique mon probleme. Je voudrais mettre une image et lorsque que la souris passe dessus je voudrais changer cette image.

On m'a parlé de hover, mais est ce que possible d'inserer du javascript de facon a changer l'image?

[SpaceFrog]

onmouseover

[seb591]

oui mais quelle instruction en javascript peut on mettre pour changer la source de l'image?

[E.Bzz]

Bonjour,

On m'a parlé de hover, mais est ce que possible d'inserer du javascript de facon a changer l'image?

J'ai peur qu'il faille attendre le CSS3
(d'ailleurs si qq1 connait des dates envisageables, ça m'intéresse)

Sinon, en JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="old_url.gif" onmouseover="this.src='new_url.gif';">

En l'écrivant, je m'aperçoit qu' "on" t'avait peut-être parler de mouseover et non de hover

A+

[Bisûnûrs]

La pseudo-classe hover ne fonctionne pas sur IE autre part que sur des liens.

Sinon, si tu ne veux pas de Javascript, tu peux ruser en mettant ton image en background d'un lien de taille 100% aux dimensions de ton image et en display:block par exemple, cette image contient les deux états et sur le hover du lien on modifie la position du background.

[seb591]

Si l'image est dans un lien ca fonctionne qd meme?

[seb591]

Je ne savais pas dans quel forum mettre ce post, c'est pour ca que je l'ai mis dans les 2

[E.Bzz]

Si l'image est dans un lien ca fonctionne qd meme?

Pour mon code : oui
Pour celui de Bisunurs, il faut qu'il soit dans un lien ...

[marcha]

Cette image te sert-elle comme "bouton" pour un lien ?
Véhicule-t-elle du texte ou une information importante dessus?

[seb591]

Bonjour

Oui mon image est contenu dans un lien

[SpaceFrog]

sous IE il me semble avoir vu que le css pouvait supporter du script genre avec "expression" ...
Mais je ne sais pas ce que ça vaut vraiment ...

[Bisûnûrs]

De toute façon, IE ou Firefox, pour changer l'attribut src d'une balise img il faut passer par Javascript.

[SpaceFrog]

oui le seule solution pour se passer de javascript serait d'utiliser le hover d'une balise a pour modifier le background ...

à moins d'avoir duex balises a supperposées et jouer sur le display sur le hover mais bon ça fait plus pansement qu'autre chose

[E.Bzz]

Sinon, si tu ne veux pas de Javascript, tu peux ruser en mettant ton image en background d'un lien de taille 100% aux dimensions de ton image et en display:block par exemple, cette image contient les deux états et sur le hover du lien on modifie la position du background.

La solution de Bisunurs permet de n'utiliser qu'un seul "objet pansement" au lieu de 2 ....
Toujours ça de pris