Pour pouvoir importer des images sur le serveur et consulter le wiki sans publicité, vous devez vous connecter.

Modification de Aide:Image Map HTML

Aller à la navigation Aller à la recherche
Icône Anoneditwarning.png

Attention, vous n'êtes pas connecté. Votre adresse IP sera enregistrée dans l'historique de cette page.
Merci d'utiliser le bac à sable si vous voulez tester la syntaxe wiki.

Vous pouvez voir les messages envoyés à votre IP sur votre page de discussion.


La modification peut être annulée. Veuillez vérifier les différences ci-dessous pour voir si c’est bien ce que vous voulez faire, puis publier ces changements pour finaliser l’annulation de cette modification.

Version actuelle Votre texte
Ligne 1 : Ligne 1 :
{{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}}
{{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}}
__NOEDITSECTION__
__NOEDITSECTION__
Les '''image-maps''' permettent d'ajouter à une image, des zones réactives sous forme de liens, cette technique peut être utilisée par exemple pour la construction de menus graphiques.
{{En construction}}
 
Pour utiliser des images à zones clickables utilisez cette syntaxe:
Une zone réactive peut être un rectangle, un polygone ou un cercle et elle doit être repérée de façon précise grâce à des coordonnées.
 
Ces coordonnées sont mesurée à partir du pixel supérieur gauche de l'image et fonctionne par couple (x,y), voici les coordonnées à fournir suivant les types:
* '''rect''' : coin supérieur gauche, coin inférieur droit
* '''circle''' : centre (x,y) et rayon
* '''polygon''' : liste des sommets du polygone sous la forme x,y
 
 
On peut se faire chevaucher plusieurs zones, pour cela, il faut déclarer en premier les zones de premier plan.


<pre>
<pre>
<imagemap>
<htmlmap>
Image:Carte de l'Outremonde.jpg|400px|L'Outremonde
[Lien vers l'image http://www.xxx.com/xxx.jpg|Texte alternatif|Largeur|Hauteur]
poly 665 3 795 0 796 267 741 308 688 [[Zone 1]]
{rect|10,10,50,50|Lien http://www.xxx.com|Texte du lien}
poly 88 578 483 558 507 554 533 588 594 791 588 [[Zone 2]]
{polygon|10,10,50,50,60,10|Lien http://www.xxx.com|Texte du lien}
desc bottom-left
{circle|10,10,50,50|Lien http://www.xxx.com|Texte du lien}
</imagemap>
</htmlmap>
</pre>
</pre>


Vous pouvez créer des image-maps facilement avec cette outil : <span class="plainlinks">[http://gwiki.fr/utilitaires/ImageMapEditor/ Editeur ImageMap]</span>
Exemple: [[Tyrie]]
 
''Exemple'' : [[Tyrie]]
 
[[Catégorie:Aide]]
[[Catégorie:Aide]]
Warning
  • Toutes les contributions sont considérées comme publiées sous les termes de la licence CreativeCommons.
  • Si vous ne voulez pas que vos écrits soient édités et distribués à volonté, ne les envoyez pas.
  • N'utilisez pas de sources sous copyright sans autorisation !

Pour créer, modifier ou publier cette page, veuillez répondre à la question ci-dessous (plus d’informations) :

Annuler Aide pour la modification (s'ouvre dans une autre fenêtre)

Modèle utilisé par cette page :

Récupérée de « https://www.gwiki.fr/wiki/Aide:Image_Map_HTML »