Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Photos

tomtitou

Par tomtitou
dans Programmation

 Partager

Messages recommandés

tomtitou Extrem Member

tomtitou

Posté(e)
  • Auteur
Posté(e)
Sauvegarde-le au format TEXTE (extension .txt), puis tu modifieras l'extension en .html :P

 

Bonjour,

 

j'ai bien enregistrer le fichier en format texte, mais un fois inserer la photo avec Place on cliboard et quand je veux le sauvegarder, je n'ai pas l'extension html, comment faut-il faire? est-ce que tu as un exemple? Merci

Lien vers le commentaire
Partager sur d’autres sites
tomtitou Extrem Member

tomtitou

Posté(e)
  • Auteur
Posté(e)
Re :P

 

Encore plus simple que précédemment.

 

En s'y mettant à plusieurs, on a trouvé un petit soft gratuit (merci Pitcat :P )

  • =>
Handy ImageMapper 1.01

Crée un document avec le bloc notes (menu démarrer>exécuter et tape : notepad

  • Copie colle les éléments suivants dedans :
  • Et sauvegarde sous b.html sur ton bureau.
  • Copie-colle une photo de groupe que tu veux annoter sur le bureau également.
  • Télécharge le et installe le. Puis lance le.
  • Ouvre ta photo avec l'icône ae7ffd9250275d61d06723d7a7492.jpg.
  • Elle va alors apparaître dans le cadre. Tu peux définir des zones circulaires, rectangulaires ou "libres" à ta convenance. La petite flêche permet de sélectionner une zone précédemment crée afin de la déplacer ou de la supprimer (avec la petite croix rouge).
  • Quand tu as défini ta zone, remplis le champ "Tooltip" avec les termes que tu veux voir apparaître lorsque tu survoles avecla souris (ici "monsieur 1" sur l'exemple) :
    2357710066b8cae06a4243e673666tt.jpg
  • Quand tu as défini toutes tes zones, clique sur "Place on Clipboard", et ouvre à nouveau le bloc-notes sur le fichier b.html que tu as créé au départ, et colle entre les 2 body.
    Dans l'exemple, ça donnera ceci :
  • Corrige le nom de fichier comportant la photo de sorte de ne conserver que le nom et l'extension, pas tout le chemin complet.
    Exemple :
    de C:\Documents and Settings\Admin\Bureau\photo.png, tu raccourcis à photo.png.
    Tu dois donc te retrouver avec cette ligne :
  • Puis sauvegarde ton document.
  • Double-clique sur b.html, ton navigateur internet va ouvrir la page, et tu auras sur chacune des zones que tu as définies les champs "tooltips" au survol de la souris.
  • Si tu veux pouvoir montrer et donner la photo ainsi commentée, il te faudra avoir le document html (ici "b") et la photo tous 2 dans le même répertoire.

:P

 

Bonjour,

 

Je m'excuse de te déranger de nouveau,je te joins ce que j'ai créer avec notepad, mais qu'en j'utilise Handy ImageMapper j'ai bien suivi ton conseil mais je n'ai pas la grille à l'écran avec les cercles et rectangles comme tu m'as montrer en exemple( je clique bien sur le personnage en forme de cercle , je saisi le nom dans Tooltip et ensuite je clique sur Place On Clipboard que je colle dans le fichier b.html entr<body> et </body> et là je n'ai rien qui apparaît dans le document.J'ai bien mis les 2 fichiers b.html et le fichier de la photo dans le même répertoire. D'où vient mon erreur. Merci

 

Fichier b.html

l

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>

<title>Exemple</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

</head>

<body>

<MAP NAME="map1">

<AREA SHAPE="RECT" COORDS="132,390,189,461" HREF="" TITLE="Yvon">

<AREA SHAPE="RECT" COORDS="316,476,380,544" HREF="" TITLE="Jean">

<AREA SHAPE="RECT" COORDS="157,554,224,632" HREF="" TITLE="jean claude">

</MAP>

<IMG SRC="photo.jpg" USEMAP="#map1" BORDER="0">

 

</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...