Posez votre question Signaler

Ajout texte au survol d'une image [Résolu]

moumouz 28Messages postés 31 décembre 2006Date d'inscription 5 juillet 2010Dernière intervention - Dernière réponse le 1 sept. 2007 à 09:15

Bonjour a tous,
Sous XP, je souhaite , en survol ,lorsque la souris passe sur un personnage d'une photo que le nom de celui-ci apparaisse.
Qui peut me donner la solution ?
D'avance MERCI

Ajout texte au survol d'une image »

Suggestions

Ajout texte au survol d'une image
[HTML] COMMENTAIRE au survol d'une image (Résolu) » Forum
Afficher texte au survol d'une image JavaScri » Forum
IMovie : Titres, légendes, génériques » Articles
Écrire à coté d'une image dans open office (Résolu) » Forum
Ajouter du texte sur une image.. (Résolu) » Forum

Plus

Réponse

Posotaz 502Messages postés 23 juin 2007Date d'inscription 19 juin 2011Dernière intervention 8 août 2007 à 22:33

Salut Moumouz,

L'habitude des forums "programmation", "Webmastering" et "Internet"... au temps pour moi.

Il n'existe pas d'informations dans les images JPEG permettant de délimiter des zones et de leur attribuer un titre (et par conséquent aucune visionneuse d'images capable de le faire). Par contre si tu insères ton image dans une page HTML (là tu entres dans la programmation Web) tu as la possibilité de définir des zones (appelées MAP) mais on change de registre (infos sur http://www.allhtml.com/articles/detail/371).

Ajouter un commentaire - Site web

Réponse

MOUMOUZ 13 août 2007 à 19:32

bonsoir et merci pour tes conseils: j'ai reussi ,avec le programme ci-dessous ,a inserer une image dans une page HTML et faire apparaitre au passage de la souris un nom sur l'ensemble de la photo mais pas un nom precis sur lchaque visage .
<HTML>
<HEAD>
<TITLE>image</TITLE>
</HEAD>
<BODY>
Voici une première image sans attribut particulier : 
<CENTER><img src="image1.gif"title="Alain"> </CENTER>
 
</BODY>
</HTML>
peut etre tu pourrais continuer tes conseils et me preciser la marche a suivre.
encore merci

Ajouter un commentaire

Réponse

Posotaz 502Messages postés 23 juin 2007Date d'inscription 19 juin 2011Dernière intervention 13 août 2007 à 20:13

Re :)

Ah ben c'est très bien pour une première page HTML. Tu as bien compris le fonctionnement de la balise <img/>, maintenant on va t'aider à créer une carte de ton image ! Youppiiiiiiiiiiiiiiiiiiie ! :D (fais pas attention à ma folie, on n'est que lundi).

Toujours dans la balise <img/> tu vas placer un attribut du nom de "usemap".

<img src="" title="" usemap="#carte1" />

N'oublie pas le # c'est très important.

Avant ou après ta balise <img/> (ou n'importe où en fait) il te faudra créer une balise <map> qui contiendra des zones (area) comme ceci :

<map name="carte1">
  <area shape="rect" coords="10, 10, 20, 20" title="ma tête"></area>
</map>

L'attribut shape détermine la forme de la zone (rect c'est un rectangle)
L'attribut coords représente les points de cette zone (un rectangle a besoin de 4 points pour être dessiné).
L'attribut title sera attribué à la zone et c'est ainsi que tu pourras distinguer tes personnages.

Mais à ce niveau là tu trouveras bien plus d'infos sur
http://www.accessiweb.org/fr/guide_accessiweb/guide-accessiweb-fiche-1-5.html
que dans ma tête ^^ ;-)

Bon courage pour la suite !
Et tu peux créer autant de zones que tu le souhaites (songe à ne pas déborder une zone sur une autre).

Ajouter un commentaire - Site web

moumou - 20 août 2007 à 18:22

Salut ,
C'est encore moi, j'ai essayais de suivre tes conseils malheureusement sans resultats.
Alors voila ce que j'ai ecrit:
<HTML>
<HEAD>
<TITLE>image</TITLE>
</HEAD>
<BODY>
<img src="image1.gif"title="Ma BOUILLE" />
<img src="" title="" usemap="#carte1" />
<map name="carte1">
<area title="" shape="rect"coords="10,10,20,20"alt="essai"></area>
</map>
 
</BODY>
</HTML>
Resultat un carre avec une croix rouge en bas et a droite de la photos qui quand je passe dessus m'indique "essai": par contre quand je passe sur la photo a m'importe quel endroit m'indique toujours ma bouille.
Ne manque t il pas les zones cliquable sur chaque visage de la photo ?
J'ai visité le site accessiweb mais je suis arrivé au meme resultat.
Alors que faire ? peut etre que tu as la solution j'aimerais quand meme bien comprendre.
Merci et peut etre a +
Salut

Guillaume - 21 août 2007 à 17:38

<img src="image1.gif"title="Ma BOUILLE" />
<img src="" title="" usemap="#carte1" />

C'est ça le problème la tu met deux image avec un avec rien dans src (d'ou le carré avec la croix rouge). Il faut faire simplement:

<img src="image1.gif" title="Ma BOUILLE" usemap="#carte1" />

moumouz - 22 août 2007 à 18:06

Grand Merci, malheureusement je n'arrive toujours pas au resultat J'ai ecrit:
<HTML>
<HEAD>
<TITLE>image</TITLE>
</HEAD>
<BODY>
<img src="photo1.gif" title="Ma BOUILLE" usemap="#alain1" />
<map name="alain1">
<area title="" shape="rect"coords="10,10,20,20"alt="essai"></area>
</map>
 
</BODY>
</HTML>
la photo s'affiche, et au pasage de la souris sur la photo "ma bouille "s'affiche;
impossible comme je le souhaite d'afficher un nom sur un visage de la photo.
je suis preneur de tous conseils merci et peut-etre a +

Réponse

Posotaz 502Messages postés 23 juin 2007Date d'inscription 19 juin 2011Dernière intervention 22 août 2007 à 22:21

Re,

1. Ton title dans l'area ne doit pas être vide, c'est lui qui contiendra le texte de l'info-bulle.

2. Les coordonnées du rectangle doivent correspondre aux coordonnées où se trouve le visage sur ta photo. Pour t'aider à déterminer les coordonnées tu peux télécharger le logiciel Mapthis (instructions fournies) : http://www.ccim.be/ccim328/htmlplus/mapthis.htm (10,10,20,20 c'était juste un exemple ;-))

3. Tu dois avoir autant d'areas que de visages.

Voilà :-)

Ajouter un commentaire - Site web

Réponse

Posotaz 502Messages postés 23 juin 2007Date d'inscription 19 juin 2011Dernière intervention 5 août 2007 à 18:09

Salut, avec une info-bulle c'est faisable. En gros tu mets le nom de ce personnage dans la propriété "title" de ta balise "img".

Ajouter un commentaire - Site web

moumouz- 8 août 2007 à 18:53

Salut et merci pour ta réponse; mais l'ai oublié de preciser que je suis un amateur et que par conséquant
comment faire pour arrivé a "title" , balise "img" etc.
Sois simpa si tu commencé a partir de la photo "JPEG"affiché a l'ecran je pourrais peut-etre m'en sortir
Alors encore une fois merci

Réponse

momouz 1 sept. 2007 à 09:15

BRAVO - SUPER/
Ton site mapthis est super j'ai bien tout compris et reussis ce dont j'avais souhaité.
Encore une fois merci et peut-etre a une autre fois
SALUTConfiguration: Windows XP Internet Explorer 6.0

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Ajout texte au survol d'une image [Résolu]

Ajout texte au survol d'une image »

Passage au tout numérique : quel coût pour les particuliers ?