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}}
Pour utiliser des images à zones clickables utilisez cette syntaxe:
__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.
 
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]]
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 »