Affichage d'une image au passage de la souris sur une image mappée

**Pouet24** · 06/07/2009, 12h26

Bonjour à toutes et tous,

Je travaille sur un site et je me trouve confrontée à un problème qui peut être résolu par du JavaScript, je pense.

Voici ce que je dois faire.

J'ai le plan d'une école. Je dois proposer les détails et la photo de chaque local aux visiteurs.

Je pensais donc
- mapper le plan;
- faire en sorte qu'au passage de la souris sur un "local", le n° du local et sa fonction apparaisse sous forme d'une infobulle;
- faire en sorte qu'au clic de la souris sur un "local", une photo du dit "local" apparaisse dans un cadre se trouvant à côté du plan.

Pensez-vous que cela soit faisable?

Mapper, je peux faire.
Les infobulles ne devraient pas me poser de problème.
Pour le reste, je n'y arriverai pas seule.

D'avance un très grand merci!

Ah oui, je dois préciser qu'on m'a demandé de refaire ce site en passant par Joomla!

**SpaceFrog** · 06/07/2009, 14h42

ou c'est totu à fait realisable

il sufftio de mettre en title de l'area le texte que tu souhiate voir apparaitre en survol et pour ce qui est de l'image, sur le onclick de l'area tu declenches une fonction avec en paramètre l'id de l'image voulue

Code :

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

<area href="/images/salle1.gif" onclick="show(this.href);return false;" shape="...

unes image:

Code :

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

<img src="default.gif" id="imagesalle" ... />

et dans le fonction show:

Code :

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

1
2
3
 
function show(salle){
 doucment.getElementById('imagesalle').src=salle;}

**Pouet24** · 06/07/2009, 15h29

Merci SpaceFrog...
mais!

j'ai oublié de préciser que je n'ai jamais utilisé de JavaScript... et donc tout ça est très "flou".

Pourrais-tu me donner un cours express?