Discussion :

[kadiato]

bonjour,
j'ai des image que je voudrais en faire des liens, lorsque je survole la souris je voudrais que l'image soit remplacée par une autre,
est ce que c'est possible en css?
et merci de me donner une exemple de code!!

[HiRoN]

Salut,

En faisant une petite recherche sur le forum, je pense que tu aurais pu trouver des liens se rapprochant de ton sujet, ou il ne te reste qu'à adapter.

Par exemple ici ou ici ou encore une piste de réflexion ici mais il y en a bien d'autres !

Le mieu serait que tu fasses des essais et que tu nous postes ton code (XHTML & CSS).
Te donner un truc tout fait ne t'aidera pas à avancer...

[kadiato]

voilà mon code html:

Code HTML :

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

1
2
3
4
5
<td style="background: url(images/mutulle_fond_ico_1.jpg) repeat;"><img src="images/mutulle_ico_1.jpg" width="40" height="31" alt="Remboursement dentaire" /></td>
<td style="background: url(images/mutulle_fond_ico_2.jpg) repeat;"><img src="images/mutulle_ico_2.jpg" width="40" height="31" alt="Remboursement dentaire" /></td>
<td style="background: url(images/mutulle_fond_ico_2.jpg) repeat;"><img src="images/mutulle_ico_3.jpg" width="40" height="31" alt="Remboursement optique" /></td>
<td style="background: url(images/mutulle_fond_ico_2.jpg) repeat;"><img src="images/mutulle_ico_4.jpg" width="40" height="31" alt="Remboursement soins médicaux" /></td>
<td style="background: url(images/mutulle_fond_ico_2.jpg) repeat;"><img src="images/mutulle_ico_5.jpg" width="40" height="31" alt="mutulle1" /></td>

A vrais dire, je ne sais pas comment procéder, je veux que l'image 'mutuelle_ici_1' change au survole de la souris, est ce que je dois utiliser javascript ou css?
merci

[Vil'Coyote]

dans ta balise image, tu ajoutes onmouseover="this.src='tonimagedesurvole'" et aussi un onmouseout="this.src='tonimagededebut'"

[kadiato]

ça a marché, merci pour votre aide, mais par contre j'ai petit problème, pour Firfox j'arrive pas à visualiser les teste de la balise Alt !! mais ça marche avec Internet explorer

[HiRoN]

ça a marché, merci pour votre aide, mais par contre j'ai petit problème, pour Firfox j'arrive pas à visualiser les teste de la balise Alt !! mais ça marche avec Internet explorer

Et tu n'as, sauf erreur de ma part, normalement pas à le voir.
Le alt est une alternative textuelle dans le cas ou l'image ne s'affiche pas.

IE par défaut, le gère comme un attribut "title", est donc l'affiche.

[c_s_s]

L'attribut alt sert à afficher un texte alternatif lorsque l'image ne s'affiche pas.

Si tu veux faire une sorte d'infobulle, utilise title.

Code html :

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

<img src="image" alt="Texte alternatif" title="Ici le texte que tu veux" />

[kadiato]

merci bcp, ça marche bien!!

un autre problème, j'ai un menu déroulant js q'une partie(le sous menu lorsque je survole la souris) ne s'affiche pas sur firfox , à cause d'une animation flash que j'ai intégré juste en bas!!!
est ce qu'il ya pas moyen pour remédier à ça?

[kadiato]

Il suffit de mettre une valeur transparent à l'attribut wmode de l'animation, voilà le code si quelqu'un on a besoin:

Code HTML :

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

1
2
<param name="wmode" value="transparent" />
<EMBED src="swf.swf" quality=best bgcolor=#FFFFFF wmode="transparent"...>

Merci beaucoup pour votre aide aujour'dhui !