Discussion :

[lolymeupy]

Bonjour,
je voudrais juste savoir s'il était possible de faire une sorte de menu en href...
En fait, c'est pour un site dont le menu est en javascript, mais pour le référencement c'est pas top. Donc le mec voudrait le passer en html.
Et je voudrais savoir si c'est possible un truc du genre :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div>
 
 <a href="index.html"><img src="titreaccueil01.gif" onmouseover="titreaccueil02.gif"></a>
<a href="histoire.html"><img src="titrehistoire1.gif" onmouseover="titrehistoire2.gif"></a>
<a href="materiel.html"><img src="titremateriel1.gif" onmouseover="titremateriel2.gif"></a>
<a href="lexique.html"><img src="titrelexique1.gif" onmouseover="titrelexique2.gif"></a>
<a href="insolite.html"><img src="titreinsolite1.gif" onmouseover="titreinsolite2.gif"></a>
 
</div>

où il y a alternances des images "1" et "2" des que la souris passe au dessus...
Merci d'avance.

[osia1]

oui c'est tout à fait possible mais il ne faut pas oublier ton "onmouseout" !!! sinon ça ne marchera pas...
N'oublie pas non plus le "alt" et "title" pour définir ton image....
ça devrai te donner

Code :

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

<a href="index.html"><img src="titreaccueil01.gif" onmouseover="this.src=titreaccueil02.gif" onmouseout="this.src=titreaccueil01.gif" alt="accueil" alt="accueil"></a>

[lolymeupy]

Merci osia1, mais malheureusement ça marche pas...
Précision, je suis pas en php5 (mais php4), donc le problème vient sans doute du

Code :

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

this.src = ....

non ?

Et sans le this, ça marche pas non plus...
J'ai bien la première image, mais pas d'lternance avec la seconde quand je passe au dessus....
(Par contre, aucun problème sur le click, j'arrive bien à la bonne page)

[osia1]

n'aurai tu pas oublié de fermer la balise img

Code :

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

<a href="index.html"><img src="titreaccueil01.gif" onmouseover="this.src=titreaccueil02.gif" onmouseout="this.src=titreaccueil01.gif" alt="accueil" alt="accueil"/></a>

[12monkeys]

Bonjour

Pour se passer complètement de javascript tu as la possibilité de la faire css grace à la pseudo classe hover. Regarde sur le forum css il y a plein de questions à ce sujet...

[osia1]

pardon j'ai oublié un truc lol

Code :

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

<a href="index.html"><img src="titreaccueil01.gif" onmouseover="this.src='titreaccueil02.gif' " onmouseout="this.src='titreaccueil01.gif' " alt="accueil" alt="accueil"/></a>

Il manquait les ' ' pour le nom des images dans le onmouseover et onmouseout...

[lolymeupy]

beaucoup osia1,
Ca marche nickel en effet...

Merci aussi pour l'info 12monkeys, et j'avais regardé aussi de ce coté là, mais je savais pas comment gérer les <img src dans le css .hover

En tout cas, merci encore !

[12monkeys]

Regarde cette discussion http://www.developpez.net/forums/sho...d.php?t=527029 si ça t'interesse qui donne un code.