Ovaj predložak ima dvije funkcije:
- Dodavanju teksta (anotacija) na slike. Ponekad je poželjnije tekst dodati na sliku umjesto u opis ispod slike. Tekst može biti i poveznica.
- Predloškom se može odsjeći dio slike (crop) radi isticanja detalja ili uklanjanje nevažnih dijelova.
Uporaba
Primjer odsjecanja
Na primjer, imate sliku commons:Datoteka:Mona Lisa color restoration2.jpg. Ali želite prikazati samo dio slike, na primjer detalj oko nosa i usta:
Ova slika ima širinu 300px (kako je snimljena na ZP), ali je ta širina irelevantna za korištenje predloška.
lijevo
vrh
visina
širina
širina_slike
Ako unesete slijedeći kôd:
{{istaknuta slika
| slika = Mona Lisa color restoration2.jpg
| širina_slike= 2000 <!-- izaberite neku širinu; stvarna širina slike je nebitna -->
| lijevo = -850 <!-- odsjeca lijevu stranu; obratite pažnju na "-" znak minus -->
| vrh = -800 <!-- odsjeca gornju stranu; obratite pažnju na "-" znak minus -->
| širina = 250 <!-- odsjeca desnu stranu; to će u stvari biti širina slike u članku -->
| visina = 250 <!-- odsjeca donju stranu; to će u stvari biti visina slike u članku -->
| float = left
| anotacija = <!-- ovaj parametar MORA biti u predlošku, čak i ako se ne popuni! -->
| opis = Odsječeni dio s veće (2000px) slike Mona Lise
}}
Rezultat je slika veličine 250×250 piksela iz slike koja je bila široka 2000 piksela (nebitna je stvarna veličina slike). Gornjih 800 i lijevih 850 piksela je odsječeno, kao i ostatci zdesna i ispod nakon oduzimanja potrebnih 250 piksela:
Odsječeni dio s gornje slike Mona Lise.
Primjeri dodavanje teksta na sliku
Za primjere pogledajte Predložak:Istaknuta slika/doc/Primjeri.
Primjer je i desna gornja slika. Definiranjem boje pozadine anotacije, pokriven je postojeći engleski tekst te je dodan hrvatski tekst slijedećim kôdom:
{{istaknuta slika
| slika = Monalisa.svg
| širina_slike= 300
| lijevo =
| vrh =
| širina = 300
| visina =
| float = right
| anotacija = <!-- razmak je stavljan zbog povećanja širine boje pozadine -->
{{Anotacija|30|132| lijevo
|font-size= 20| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|150|42| vrh
| font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|180|130| visina | font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|125|171| širina | font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|100|212| širina_slike | font-size= 20
| font-weight = bold|background-color =#999999 |color = black}}
| opis = Dio koji ćemo isjeći sa slike lijevo.
<br>Također je primjer [[#Primjeri dodavanje teksta na sliku|uporabe predloška]].
}}
Parametri
Dva su parametra, slika i imagemap međusobno isključiva, ne mogu se koristiti oba istovrememo, koristite samo jedan od njih.
U većini slučajeva trebat ćete samo obvezne parametre, ostale ćete rabiti samo ako želite dodatno formatiranje teksta.
parametar |
Dozvoljene vrijednosti |
Osnovna vrijednost |
Funkcija i napomene
|
opis |
wikitekst |
(nije obvezno) |
Opis slike koji se postavlja na uobičajeno mjesto ispod slike.
|
alt |
tekst |
prazno |
Alternativni tekst za sliku koji se prikazuje ako je isključeno prikazivanje slika.
|
slika |
ime slike (navodi se bez zagrada); SVG slike su dozvoljene |
( napomena →) |
Morate zadati slika ili imagemap ali ne oba.
|
imagemap |
(X)HTML <imagemap> |
(napomena →) |
Morate zadati slika ili imagemap ali ne oba.
|
širina |
pozitivni cijeli broj |
(nije obvezno) |
Ukupna širina u pikselima za okvir koji sadrži sliku i anotacije. Mora biti najmanje iste veličine kao prikazana širina (koju postavljate parametrom širina_slike).
|
visina |
pozitivni cijeli broj |
(nije obvezno) |
Ukupna visina u pikselima za okvir koji sadrži sliku i anotacije. Mora biti najmanje iste veličine kao prikazana visina slike. Ako mijenjate širinu slike pomoću širina_slike, trebate izračunati visinu slike koja će se prikazati i dodati "marginu" potrebnu za anotacije.
|
lijevo |
cijeli broj |
(nije obvezno; osnovno je 0) |
X-koordinata u pikselima za lijevi gornji kut slike, relativna u odnosu na lijevi gonrnji kut okvira koji sadrži sliku i anotacije. Negativni brojevi će odsjeći sliku.
|
vrh |
cijeli broj |
(nije obvezno; osnovno je 0) |
Y-koordinata u pikselima za lijevi gornji kut slike,relativna u odnosu na lijevi gonrnji kut okvira koji sadrži sliku i anotacije. Negativni brojevi će odsjeći sliku.
|
širina_slike |
pozitivni cijeli broj |
(obvezno) |
Širina slike u pikselima.
|
anotacija |
predložak anotacija |
(obvezno →) |
Anotacija slike (dodavanje teksta). Parametar MORA biti u predlošku, čak i ako se ne popuni! Ako želite samo odsjecati sliku, navedite parametar bez vrijednosti, tj. anotacija=
|
float |
right left none |
right |
Položaj prikazane slike u odnosu na tekst.
|
vanjski-css |
neki CSS |
(nije obvezno) |
Dodatni CSS za vanjski okvir (kontejner). Neće utjecati na druge parametre koje navedete za vanjski okvir.
|
slika-bg-color |
neka CSS boja |
bijela |
Pozadina okvira u kome će se prikazati slika. Možete postaviti tamnu pozadinu ukoliko je slika tamna i želite anotaciju raditi svijetlom bojom.
|
slika-css |
neki CSS |
(nije obvezno) |
Dodatni CSS za sliku. Neće utjecati na druge parametre koje navedete za okvir (kontejner) slike.
|
anot-text-align |
left right center |
left |
Postavlja predefinirano ravnanje teksta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-background-color |
neka CSS boja |
transparentna |
Postavlja predefiniranu boju pozadine za sve anotacije. Sets a default background-color for all the contained annotations. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-font-family |
neka CSS skupina fontova |
(nije obvezno) |
Postavlja predefiniranu skupinu fontova za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-font-size |
pozitivni cijeli broj |
(nije obvezno) |
Postavlja predefiniranu veličinu fonta (u pikselima) za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-font-weight |
neki CSS oblik fonta (npr. bold) |
(nije obvezno) |
Postavlja predefinirani oblik fonta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-font-style |
neki CSS stil fonta (npr. italic) |
(nije obvezno) |
Postavlja predefinirani stil fonta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju.
|
anot-line-height |
neka CSS visina linije |
(nije obvezno) |
Postavlja predefiniranu visinu linije za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. Korisno je samo za anotacije u više redova.
|
anot-color |
neka CSS boja |
(nije obvezno) |
Postavlja predefiniranu boju teksta za sve anotacije.Po želji se može promijeniti za pojedinačnu anotaciju.
|
Vidi još
en:Template:Annotated image
es:Plantilla:Annotated image
ja:Template:Annotated image
pt:Predefinição:Imagem anotada
|