Extension:ImageMap/cs

Rozšíření ImageMap umožňuje klikací obrazové mapy. Mapa obrazu je seznam souřadnic v konkrétním obrázku, který hypertextové oblasti obrazu odkazuje do více cílů (na rozdíl od normálního obrazového spojení, ve kterém se celá oblast obrazu odkazuje na jeden cíl). Například mapa světa může mít každou zemi hypertextovou pro další informace o této zemi. Záměrem obrazové mapy je poskytnout snadný způsob propojení různých částí obrázku bez rozdělení obrázku do samostatných obrazových souborů.

Příklady


Jednoduchý příklad, obrázek bez popisu
U výše uvedeného příkladu budete odkázáni na Main Page, bez ohledu na to, na které místo obrázku kliknete. Chcete-li se o obrázku dozvědět víc, klikněte na modrou ikonu "i". Alternativní způsob, jak vytvořit takový obrázek a aktivním odkazem, bez použití tohoto rozšíření je následující



Složitější příklad s popisem
Tento příklad zobrazí miniaturu s rozměry (šířka × výška) 500 × 250 pixelů. má rozměry 9 600 × 4 800 pixelů. Souřadnice každého vrcholu jsou uvedeny v pixelech a představují bod na původním obrázku. Takže například vrcholy polygonu obklopující "Jude" (pohledem napřímo vpravo na obrázku) mají horizontální souřadnice (měřené v pixelech odleva) v rozmezí  –   a vertikálními souřadnicemi (měřeno v pixelech shora) v rozmezí mezi   – , které jsou daleko mimo rozsah zobrazené miniatury 500 × 250, ale v rozmezí původního obrazu 9 600 × 4 800. Všimněte si, že jeden vrchol polygonu obklopujícího "Simon" (vpravo na obrázku), konkrétně vrchol s souřadnicí, leží mimo hranice původního obrazu 9 600 × 4 800.

Výše uvedený příklad odkazuje na mnoho různých stránek v závislosti na tom, kde na něj kliknete. Chcete-li se dozvědět více o obrázku, klikněte na ikonu s dvojrámečkem



Popis syntaxe
Obsah značky se skládá z prázdných řádků, komentářů (počínaje #) a logických řádků.

První logický řádek určuje zobrazený obrázek. To musí být ve stejném formátu jako obyčejný odkaz MediaWiki Image (viz Images Help), s výjimkou bez ohraničení  a.

Pokud první řádek určí obrázek " " nebo " ", pak se titulek prvního řádku a jakýkoli parametr alt považuje za titulek a alt textu obvyklým způsobem. Jinak parametr první řádek alt (nebo, pokud chybí, jakýkoli titulek) určuje text ALT obrázku.

V žádném případě nemá obrázek sám o sobě text titulu (často používaný pro popis). Jakýkoli text titulu je převzat z regionů popsaných v pozdějších řádcích.

Další řádky jsou rozděleny symboly, oddělenými mezerou. Funkce každého řádku je určena prvním symbolem v řádku.

Souřadnice se skládá ze dvou symbolů. Prvním symbolem je horizontální (X) poloha a druhým symbolem je vertikální (Y) poloha. Všechny souřadnice jsou podle obrazu v plné velikosti, nikoli podle viditelného obrázku. Symboly X a Y by měly být specifikovány jako vzdálenost od levého okraje (vodorovný počet pixelů) a vzdálenost od horního okraje (vertikální počet pixelů) obrazu v plné velikosti.


 * desc
 * Určuje umístění modré ikony "i" Desc-i.svg, která odkazuje na popis obrázku. Možné hodnoty:,   (výchozí),  ,  ,  . Tento parametr je ignorován pro obrázky " " nebo " ", které místo toho používají obvyklou ikonu s dvojrámečkem Magnify-clip.png.


 * poly
 * Polygon. Souřadnice vrcholů jsou uvedeny, následuje odkaz v hranatých závorkách.


 * rect
 * Obdélník. Parametry jsou souřadnice levých horních a pravých dolních rohů, následované názvem pro odkaz v hranatých závorkách.
 * Příklad


 * circle
 * Kruh. The first two parameters are the coordinates of the center, the third is the radius. The coordinates are followed by a link in square brackets.


 * default
 * This gives the default link, where no other regions are specified.

All coordinates are specified relative to the source image. The image can be scaled using thumbnail syntax, in which case the image map coordinates will be automatically scaled as well.

All links are given in either the form Page title or description. In the latter case, the part after the pipe "|" becomes the title attribute of the link—in most browsers, it will pop up as a tooltip when the user hovers over it; the part after the pipe also becomes the alt text for the link. If no explicit link description is given, the page title is used.

Areas which overlap give precedence to the first link listed.

Instalace
Make sure that uploads and ImageMagick are installed:


 * Troubleshooting
 * 1) Check to see if your php DOM is turned on. You may need to install it if it is not.
 * 2) Check whether  is installed, since this extension relies on /usr/bin/convert for the resizing. If it is not present, you could get a page with only XML errors (tip: use the back-button in the browser, because you can still edit the page).
 * 3) On OVH mutualized hosting   should be like:

Composer
You can also install this extension using built-in support.

composer require mediawiki/image-map @dev

Usage with templates, magic words, or parser functions
If you want this extension (as with most tag extensions) to parse template parameters, magic words, or parser functions, you will need to use  syntax, such as w:Template:Click did. In this case the vertical bar  must be replaced by a template , where the source text of the template is   (except when they appear inside links or parameters).


 * Example - standard form:


 * Example - with variable :


 * Example – Modified to accept an input parameter to control image size:

These modifications allow the template size to be adjusted on the edited (target) page and eliminate the need to create duplicate templates of various image sizes.

Where  is the input parameter “1” and a default image size of 640px.

Note: the input parameter requires a text string ending with “px” to function properly.

For example, calling a template  will display the template at 400 pixels.

 To convert the standard (existing) image maps to this optional format: 
 * Replace the initial with
 * Add  after the image name (change the default image size to match the currently existing size).
 *  Note: By changing the default size (640px in this example) to the current image size, none of the existing template calls will have to be modified and will display correctly. Existing template calls can still be modified later by using the input parameter. 


 * Replace the final with   (the trailing braces).