Fixer des ROLLOVER comme su ccm.net

lusitanio Messages postés 142 Date d'inscription   Statut Membre Dernière intervention   -  
 frmat4 -
Bonjour,
je viens vers vous car je souhaites créer un menu, en rollover fixe. Comme sur ce site (comment ca marche.net) sur ca page d'accueil: https://www.commentcamarche.net// =>en haut à gauche, en dessous du menu ou s'affiche une image différente en fonction du lien survolé. Il ne s'agit pas d'un simple hover ou mouseover puisque lorsque l'on quitte la zone qui active l'image est bien celle-ci reste afficher, pour changer d'image il faut aller sur autre lien.

Quel langage faut-il utiliser: javascript? est-il possible de le réaliser en .css (ce qui m'arrangerais! ;-)) et selon le langage comment s'y prendre pour fixer le rollover?

Le même système est utilisé sur le site https://georezo.net/ pour sa barre de menu (ils utilisent du javascript).

merci par avance pour vos conseils!

4 réponses

lusitanio Messages postés 142 Date d'inscription   Statut Membre Dernière intervention   6
 
up personne?

bonne nuit je repasse demain!
0
Titial69 Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   20
 
Moi je le vois très simplement en JS :

<script language = "JavaScript">
function Image_1()
{
	document.image.src="Images/image-1.JPG";
}
</script>

<img src="/Images/imges-original.jpg" id="image" name="image" />
<a href="#" onmouseover="Image_1();">Passez la souris ici</a>


En css je ne pense pas que se soit faisable. Le code que je t'ai donné est bon, il faut juste l'adapté à ton code.
0
lusitanio Messages postés 142 Date d'inscription   Statut Membre Dernière intervention   6
 
merci beaucoup Titial 69 ça fonctionne trés bien!!

Me reste plus qu'a chercher comment écrire sur des images.
0
frmat4
 
Bonjour,

J'aimerais avoir la même chose mais il faudrait que quand l'on clique sur l'image celle-ci reste de la couleur du survol le seul problème c'est que, lors du clique, la page est complètement rechargée donc ça me remet la configuration du rollover "par défaut" sur la première image non survolée... l'autre problème, mon site a été fait sur la base d'un pack e-commerce et je ne peux pas modifier les pages du site à part le menu et je n'ai qu'un seul fichier pour le menu...(donc je ne peux pas crée plusieurs menu avec une image différente...) !
Si quelqu'un pourrait m'aider...

PS : le menu de ccm.net est encore plus fort, quand on passe le curseur sur un autre menu et que l'on enlève celui ci, le rouge reviens sur le bon menu !!!
0