18073 sujets

Questions générales et questions de débutants

[RESOLU] Changement d'image au survol selon les liens d'un menu

Bonjour à tous Smiley smile

Je prépare un super-menu(?) basé sur ce tuto : menu deroulant horizontal auquel j'ai apporté des modifications.

ça fonctionne pas mal sauf que je voudrais qu'au survol des liens, l'image au-dessus soit différente selon le lien survolé.
Par exemple, par défaut (page d'acceuil) c'est le logo de Glouglou Smiley cligne , je voudrais qu'à la place, au survol du "Menu2" apparaisse le logo de Yihaa!.
J'imagine que c'est possible mais ce que j'ai trouvé dans mes recherches ne répondait pas trop à mes attentes.
Voici la page (et le code qui va avec) pour mieux comprendre : page

Merci par avance à tous ceux qui y jetteront un oeil...
merci
a++

Cévi
Modifié par cevichero (27 Jul 2007 - 10:17)
excusez-moi j'insiste.... Smiley confused
j'ai fait quelques tentatives mais infructueuses, je commence à perdre mes cheveux !
merci
cevichero a écrit :
Je prépare un super-menu(?) basé sur ce tuto : menu deroulant horizontal auquel j'ai apporté des modifications.

Houlà malheureux, mal vous en a pris!

Aspect technique: le tutoriel choisi comme base est vieux et fatigué. Il se base en passant sur une syntaxe HTML un peu idiote (c'était la mode des listes de définition pour la mise en page... heu pardon, pour l'enrichissement sémantique du schmilblik). Niveau compatibilité et possibilités d'adaptation, c'est très moyen, voire pas terrible.

Accessibilité et ergonomie: les menus déroulants c'est le mal. Bon ok, pas à ce point là, mais en général leur utilisation:
- fait fi de différentes contraintes d'accessibilité;
- révèle des lacunes en termes de communication web et d'ergonomie des interfaces web (indice: une page de plan du site bien construite c'est pratique, et un menu de navigation n'est pas un plan de site).

Peut-être toutes ces considérations expliquent-elles en partie le peu d'enthousiasme face à ce sujet? Smiley cligne
Modifié par Florent V. (27 Jul 2007 - 18:09)
bon je ne conseille pas particulierement les menus déroulants.

et je suis trés fatigué..

bon ces precautions oratoires prises je dirais que ton logo qui est au dessus de ton menu tu devrais le mettre en <img> au lieu d'un background-image.

même si sémantiquement on dit qu'une image de déco doit être en background.

Ceci dit un logo c'est possiblement signifiant. et ça pourrait mériter un petit alt.

en tous cas mon avis est que puisque tu fais du javascript et ben utilise getElementById et la propriété innerHTML de ton div et change le img contenu dans le div.....

ou même! (tiens) la propriété src de ton img ( qui donc aurait un id) c'est encore plus direct.

et hop tu changes le logo.

peut-etre avec un tableau de correspondance menu <=> logo?

voila mon idée.

Pascal
Bonjour,
je réponds avec un peu de retard...pour vous dire Merci !

Florent:
je suis assez d'accord avec toi sur l'accessibilité mais je ne te suivrai pas les yeux fermés (pour une fois) parce que le thème du site n'est vraiment pas du tout destiné aux malvoyants et aussi parce que j'ai des consignes...
Mais c'est un sujet qui mériterait un topic à lui seul...
en tout cas merci Smiley smile

Sinon, avec la proposition de Pascal, ça fonctionne plutôt bien avec la propriété JS InnerHtml, j'suis content Smiley lol
merci à toi aussi


ça en fait des "mercis"....
Modifié par cevichero (31 Jul 2007 - 10:45)
Sujet clos
Aller à