Nápověda:Imagemap
Tento nástroj slouží k vytvoření klikací mapy z obrázku. Jedná se o seznam koordinátů na určitém obrázku, který slouží k vytvoření oblastí na obrázku z nichž každá může odkazovat na různá místa.
Přímo z WikiSkript spouštěnou Java aplikaci, která se vztahuje k tomuto tématu, najdete zde. | |
Tato aplikace slouží snažšímu vytváření kódu imagemap. Nápovědu k programu najdete zde. |
Syntax[edit | edit source]
Kód začíná uvozením pomocí tagu <imagemap>
. Na prvním řádku je vždy jméno souboru s obrázkem včetně jmenného prostoru. To je zapsáno klasickým wiki-kódem bez [[]]
a lze u něj použít všechny atributy jako u běžného obrázku.
Na dalších řádcích jsou pak další atributy definují vlastnosti mapy a oblasti pro odkazy.
Kód je uzavřen pomocí </imagemap>
.
Atributy[edit | edit source]
- desc
- specifikuje umístění na obrázku. Možné hodnoty jsou
top-right
,bottom-right
,bottom-left
,top-left
anone
. Při použití atributu "thumb
" u obrázku se tento atribut ignoruje a pro zobrazení obrázku slouží klasická ikona - poly
- monohoúhelník, každá dvojice čísel reprezentuje souřadnice jednoho vrcholu mnouhoúhelníku. Za koordináty následuje odkaz v obvyklém formátu
[[Odkaz|Popis odkazu]]
- circle
- kruh, první dvě čísla sjou souřadnice středu kruhu a třetí číslo udává poloměr. Za koordináty následuje odkaz v obvyklém formátu
[[Odkaz|Popis odkazu]]
- rect
- obdélník, první dvojice čísel označuje souřadnice horního levého rohu a druhá dvojice souřadnice pravého dolního rohu. Za koordináty následuje odkaz v obvyklém formátu
[[Odkaz|Popis odkazu]]
- default
- všechna ostatní oblast, která není ničím pokryta. Hned za atributem následuje odkaz v obvyklém formátu
[[Odkaz|Popis odkazu]]
Příklady[edit | edit source]
Celý obrázek jako odkaz[edit | edit source]
<imagemap> Soubor:Wikiskripta.jpg|150px|alt=logo default [[Home|Jdi na hlavní stránku]] </imagemap>
Kliknutím kamkoliv na obrázek přejdete na nastavený odkaz, v našem případě na hlavní stránku. Pro zobrazení pouze obrázku a informací o něm slouží ikona v dolním pravém rohu.
Obrázku se také dají nastavit veškeré atributy stejným způsobem jakou u běžného obrázku.
Více odkazů v jednom obrázku[edit | edit source]
<imagemap> Soubor:Imagemap.png circle 430 138 69 [[Fórum:Portál]] rect 86 125 208 209 [[Nápověda:Obsah]] poly 242 259 327 264 332 346 259 355 204 315 [[Speciální:Poslední změny]] </imagemap>
Na obrázku jsou použity všechny možné tvary pro imagemap. Kolečko odkazuje na Fórum, obdélník na na Nápovědu a pětiúhelník na Poslední změny. U odkazů je opět možno použít všechny známé atributy.