Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Cherche à mettre des annotations sur une image

3 réponses
Avatar
michel
Bonjour,

Je cherche à mettre des annotations sur une image.
Je fais une carte de ma région et je voudrais que lorsqu'on déplace la
souris sur les emplacements des communes celles ci se révèlent sous forme
d'annotation.
Les annotations seraient masquées et elles n'apparaitraient que lorsque la
souris passe sur l'emplacement où se trouve une commune.
Ceci afin de ne pas encombrer l'image avec le nom de toutes les communes et
aussi afin d'avoir un texte plus grand pour le lire facilement car si je met
le texte de façon lisible et l'image à une taille réduite on ne voit plus
rien.
Cette fonction serait comme la balise title mais en offrant la possibilité
de mettre plusieurs annotations sur une seule image.

En furetant j'ai trouvé un petit soft qui s'appelle info bulle mais qui ne
répond pas complètement à ma demande.
Le bon résultat serait comme sur les photos déposées sur le site
photo-de-classe, c'est le meilleur exemple que j'ai trouvé.
Merci

3 réponses

Avatar
Gilles Costa
"michel" writes:

Bonjour,

Je cherche à mettre des annotations sur une image.
Je fais une carte de ma région et je voudrais que lorsqu'on déplace la
souris sur les emplacements des communes celles ci se révèlent sous forme
d'annotation.
Les annotations seraient masquées et elles n'apparaitraient que lorsque la
souris passe sur l'emplacement où se trouve une commune.


En utilisant une image-map comme ceci :

<img SRC="img/associes.jpg" usemap="#map"/>
<map name="map">
<area shape="circle" coords="558,34,25" alt="Gilles COSTA"
href="mailto:" title="Gilles COSTA" />
<area... />
...
</map>

La forme n'est pas limitée aux cercles, on peut utiliser des
rectangles (SHAPE="RECT") ou des polygones (SHAPE="POLY").

J'ai mis les attributs ALT et TITLE car tous les navigateurs
n'affichent pas TITLE.

Gimp (www.gimp.org) possède un module pour éditer les image-maps.

--
Gilles COSTA, Géomètre-expert
Arkane-foncier, Géomètres-experts associés
17, grande rue, BP 23 91311 Montlhéry cedex
T : 01.64.49.00.52 - F : 01.64.49.06.64
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que michel nous narre ce qui suit en ce 17/05/2005 17:14 :
Bonjour,



Bonsoir,

Je cherche à mettre des annotations sur une image.
Je fais une carte de ma région et je voudrais que lorsqu'on déplace la
souris sur les emplacements des communes celles ci se révèlent sous forme
d'annotation.



Comme ceci :
http://armorance.free.fr/valarmor/valest/cotest.htm
?
Attention : certaines zones "cliquables" comportent nom de commune +
photo, pas toutes, RTC oblige ...

Les annotations seraient masquées et elles n'apparaitraient que lorsque la
souris passe sur l'emplacement où se trouve une commune.



A part les "alt" et "title" en bon vieux HTML, restent 2 possibilités :
soit CSS + JavaScript, soit CSS uniquement.
Vois donc en code source pour la première ou à :
http://armorance.free.fr/valastuc/fdsast8a.htm
pour la seconde. Cette dernière est un exposé de la méthode et peut être
adaptée à tes besoins.
J'ai choisi le positionnement des liens au moyen des CSS mais il est
parfaitement possible d'utiliser la traditionnelle méthode du "mappage".
A toi de voir ...
Dans les 2 cas, *tout* est paramétrable au niveau de l'affichage des bulles.

Merci



Padekoa !
Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
christophe C
michel a écrit :
Bonjour,

Je cherche à mettre des annotations sur une image.
Je fais une carte de ma région et je voudrais que lorsqu'on déplace la
souris sur les emplacements des communes celles ci se révèlent sous forme
d'annotation.
Les annotations seraient masquées et elles n'apparaitraient que lorsque la
souris passe sur l'emplacement où se trouve une commune.
Ceci afin de ne pas encombrer l'image avec le nom de toutes les communes et
aussi afin d'avoir un texte plus grand pour le lire facilement car si je met
le texte de façon lisible et l'image à une taille réduite on ne voit plus
rien.
Cette fonction serait comme la balise title mais en offrant la possibilité
de mettre plusieurs annotations sur une seule image.

En furetant j'ai trouvé un petit soft qui s'appelle info bulle mais qui ne
répond pas complètement à ma demande.
Le bon résultat serait comme sur les photos déposées sur le site
photo-de-classe, c'est le meilleur exemple que j'ai trouvé.
Merci





va voir cet exemple, et regarde le code source :
http://batraciens.net/terrarium_description.php

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.