Info bulle sur des portions d'image ?

[Chris92]

Bonjour,
Je ne sais pas si je suis sur le bon forum mais bon, je me lance.
Je me suis fait une page perso sur laquelle figurent des photos de groupe. je souhaiterais que lorsque le curseur passe sur un visage, son nom s'affiche (dans une info bulle ?). Naturellement, une seule photo par page pourrait avoir ce comportement.
Je suis sous 10.4.11, je travaille avec Kompozer.
Merci pour les réponses.

 

[grumff]

Cherche du côté des balises <map> <area> qui permettent de mettre des liens sur des portions d'images. À partir de là tu dois pouvoir mettre des commentaire via l'attribut "alt" de la balise area ou via du javascript.

 

[Langellier]

Cherche du côté des balises <map> <area> qui permettent de mettre des liens sur des portions d'images. À partir de là tu dois pouvoir mettre des commentaire via l'attribut "alt" de la balise area ou via du javascript.

Voici un exemple.
Le plus dur sera de trouver les coordonnées de chacun des personnages. Dreamweaver le faisait automatiquement. il suffisait de tracer un carré ou un cercle délimitant une zone de l'image.

Voici le code source :

<map name="map1" id="map1">
<area shape="rect" coords="228,177,268,219" 
href="pagex.htm" alt="" title="commentaire particulier"  />
<img usemap="#map1" src="image.gif" alt=""
title="commentaire par defaut" />

Les zones délimitées peuvent être cliquables (href) ou être renseignées par une bulle (alt et title).

 

[Chris92]

Merci beaucoup, cela semble correspondre à ce que je recherche.
Je vais essayer, encore merci.

 

[hemelune]

petite précision la balise title affiche bien un texte au survol de la souris et est fait pour ça en revanche alt ne sert pas à cela même si dans IE il affiche bien le texte placer dans alt au survol de la souris ....

 

[grumff]

Oui exact, c'était une bourde de ma part.

 

[momo-fr]

Tu peux faire la même chose avec les CSS sans utiliser la map, un fil à ce sujet par ici...

 

[G2LOQ]

Tu peux faire la même chose avec les CSS sans utiliser la map, un fil à ce sujet par ici...

Ca c'est très bien! Merci pour l'info.

 

[Chris92]

Merci Momo-fr mais je n'utilise pas RapidWeaver mais Kompozer, comment faire avec ce dernier qui possède lui aussi un éditeur de CSS appelé CaScadeS ?

 

[momo-fr]

Merci Momo-fr mais je n'utilise pas RapidWeaver mais Kompozer, comment faire avec ce dernier qui possède lui aussi un éditeur de CSS appelé CaScadeS ?

RapidWeaver ne fait rien dans l'histoire, c'est du code inséré dans la page qui fait tout (je suis modo sur les forums RealMac francophones, la discussion vient de là c'est tout).

 

[Anonyme]

Tiens ça me rappelle un bidouillage que j'avais réalisé pour Tiyte Bulle (même idée que momo-fr). Les fichiers sont toujours dispo, tu peux les ouvrir dans komposer.