Obrázky, klikacia mapa
Obrázky – prvok img
Syntax:
<img alt=”…” id=”…” longdesc=”…” src=”…” style=”…” title=”…” usemap=”…” width=”…” />
Parametre prvku img:
alt=”alternatívny text” – povinný atribút, text sa zobrazí na mieste obrázka pri
- načítaní
- v okamihu, keď umiesnime kurzor nad obrázok, či na jeho rámček a podržíme
- keď vypneme načítanie obrázkov
class – definícia externého štýlu
id – identifikátor prvku
longdesc – dlhší popis prvku
src – názov súboru
style – definícia priameho štýlu
title– popis prvku
usemap – definícia mapy
src – meno obrázka alebo jeho adresa
start – začiatok prehrávania, napr. onmouseover – keď myš prejde nad klipom
usemap – url na definíciu citlivých ploch obrázku (prvok map)
width – šírka obrázku v pixeloch
Príklad vloženia obrázka na stránku:
Klikacia mapa – prvky map, area
Klikacia mapa slúži na vytvorenie odkazov na iné stránky alebo iné časti dokumentu z obrázka, pričom na jednom obrázku môžme definovať viacero aktívnych oblastí, ktoré budú odkazovať na jednotlivé stránky a/alebo miesta v dokumente
Syntax:
<map id=”…” name=”…” title=”…” >
<area accesskey=”…” alt=”…” coords=”…” href=”…” id=”…” nohref=”nohref” shape=”…” style=”…” tabindex=”…” target=”… title=”…” >
….
<area accesskey=”…” alt=”…” coords=”…” href=”…” id=”…” nohref=”nohref” shape=”…” style=”…” tabindex=”…” target=”… title=”…” >
</map>
Parametre:
accesskey – zadanie prístupového znaku k prvku (funguje ako hot-key), po stlačení daného písmena sa
alt – zobrazí sa na miesto obrázka alternatívny text ak prehliadač obrázky nezobrazuje
class – definícia externého štýlu
coords – definuje súradnice(rozmery) obrázku
- x, y, r – súradnice stredu a polomer pre kruh
- x1, y1, xp, yp – súradnice ľavého horného rohu a pravého dolného rohu obdĺžnika
- x1, y1, x2, y2…- súradnice jednotlivých vrcholov pre obecný mnohouholník
href – url cieľa odkazu
id – identifikátor prvku
name – meno, vytvára v dokumente návestie použiteľné ako cieľ atribútu usemap uvedeného v prvku img, odkaz url na toto návestie sa zapisuje v tvare <img … usemap=”#meno”…>
nohref – ak je uvedený tak v oblasti nieje umiestnený odkaz
shape – tvar oblasti obrázku
- default– implicitní tvar
- circle– kruh
- rect– obdĺžnik
- polygon– obecný mnohouholník
style – definícia priameho štýlu
tabindex – určuje poradie v akom sa pri stláčaní klávesu TAB stane prvok aktívnym
target – meno okna, kde ma byť zobrazený dokument
title – popis prvku, zobrazí sa 1 sekundu po ukázaní myšou na prvok
Príklad:
| <img src=”klikmap.jpg”> <map name=”Map”> <area shape=”rect” coords=”1,1,65,30″ href=”#img”
target=”_self” alt=”Klikacia mapa”> <area shape=”rect” coords=”1,30,65,55″ href=”#map” target=”_self” alt=”bgsound”> </map> Aby takáto mapa fungovala, musia byť v texte definované návestia |
|