Odkazy v obrázcích

Map Pomocí párového tagu „map“ vytváříme odkazy (klikací mapu) v obrázku. Mapa obsahuje popis aktivních oblastí, které jsou reprezentovány tagy <area>. Pomocí jména - atributu name -- je mapa spojena s obrázkem (atribut usemap u <img>). Příklad: <map name="ctverec"> <area shape="rect" coords="78,42,162,123" href="http://google.cz" title="Google" /> <area shape="rect" coords="263,137,370,233" href="http://seznam.cz" title="Seznam" /> </map> <img src="a.jpg" width="640" height="400" border="0" usemap="#ctverec" />

Area Atributy tagu <area> Atribut Význam Hodnoty href cíl odkazu URL target cílový rám jméno rámu shape tvar oblasti rect, circle, polygon coords souřadnice oblasti čísla oddělená čárkami nohref oblast není odkazem bez hodnot alt alternativní text libovolný text Příklad: <area shape="rect" coords="79,42,163,123" target="_blank" href="http://google.cz" title="Google" alt "google" />

Atribut „shape“ Shape udává tvar odkazu: 1.Rect-obdelník 2.Circle-kruh 3. Polygon-mnohoúhelník

Levý horní roh, pravý dolní roh Rect-Obdelník Zadává se Coords=“ “ Levý horní roh, pravý dolní roh Lh-x, lh-y, pd-x, pd-y Příklad: <area shape="rect" coords="423,254,557,355"/> http://student.sps-prosek.cz/~kuzmad11it/web/seminarka/ada2.html

střed-x, střed-y, poloměr Circle Kruh Zadává se Coords=“ “ Střed, poloměr střed-x, střed-y, poloměr Příklad: <area shape="circle" coords="79,70,81"/> http://student.sps-prosek.cz/~kuzmad11it/web/seminarka/ada.html

Poly-Mnohoúhleník Zadává se Coords=“ “ Souřadnice každého vrcholu za sebou Vrchol-x, vrchol-y, vrchol2-x, vrchol2-y atd. Příklad: <area shape="poly" coords="180,84,240,57,294,83,311,150,267,194,203,191"/> http://student.sps-prosek.cz/~kuzmad11it/web/seminarka/ada3.html

Shape Samozřejmě můžeme tvary v tagu map kombinovat. Příklad: <img src="aaa.jpg" width="280" height="280" border="0" usemap="#vse" /> <map name="vse"> <area shape="poly" coords="25,78,56,24,88,78" href="http://Seznam.cz" title="Seznam" /> <area shape="rect" coords="116,32,163,77" href="http://google.cz" title="google" /> <area shape="circle" coords="225,55,28" href="http://centrum.cz" title="centrum" /> </map> http://student.sps-prosek.cz/~kuzmad11it/web/seminarka/ada4.html

Děkuji za pozornost