Galerije slik

Galerije slik vam omogočajo, da na vašo spletno stran dodate večje količine slik. Element dodate na stran tako, da kliknete na Dodaj (Build), poiščete Galerijo (Gallery) ter ga povlecite na želeno mesto.

S klikom na element lahko urejate nastavitve. Slike dodajate preko modrega gumba dodaj novo sliko (Add New Image).

Lahko izbirate med različnimi grafičnimi prikazi galerije:

1. Prezentacija (Slideshow)
2. Filmski trak (Filmstrip)
3. Prikazne sličice (Thumbnails)
4. Mozaik (Mosaic)
5. Drsnik (Slider)
6. Mreža (Grid)

Vsak prikaz ima svoje značilnosti, med katerimi najbolj izstopajo prikazne sličice (Thumbnails), saj so slike v tem primeru prikazane v nižji ločljivosti, namenjene zgolj predogledu.

V galeriji lahko urejate sledeče stvari (nekatere so specifične za nekatere elemente):

• Velikost slike (Image Size): Izbirate lahko med malo, srednjo in veliko dimenzijo slike ali pa omogočite poljubno velikost (Custom Size) ter vnesete želeno širino (Width) in višino (Height) v pikslih.
• Velikost predogledne slike (Thumbnail Size): Nastavi velikost malih predoglednih sličic v pikslih. Na voljo sta širina (Width) in višina (Height). Velja pri Filmstrip in Mosaic).
• Prikaži gumbe prejšnja/naslednja slika (Show Prev Next buttons): nastavitev prikaže ali skrije gumb za premik slik.
• Prikaži pripis (Show Caption): prikaže ali skrije pripis sliki.
• Animacija pripisov (Animate Captions): animirajte pripise in nastavite pozicijo (zgoraj levo, sredina, desno in spodaj levo, sredina, desno).
• Obreži sliko (Crop Image): obreže sliko, kot jo zapoveduje preddoločena velikost posamezne sličice. Torej slika v tem primeru ne bo prilagojena velikosti okvira sličice, temveč bo v tej velikosti samo obrezana. Če želite, da se slika, ki ste jo vstavili, prilagaja velikosti okvirja sličice potem onemogočite funkcijo obreži sličico. Slika bo tako ohranila razmerje med višino in širino in se pomanjšala na enako velikost, kot jo zapoveduje nastavljena velikost okvira sličice.
• Obreži predogledno sliko (Crop Icon): obreži predogledno sličico drugih slik v elementu (velja le pri Slideshow, Filmstrip, Mosaic).
• Število stolpcev predoglednih sličic (Thumbnail Columns): nastavite želeno število stolpcev. Velja le za Thumbnails.

Oba primera (z obrezanimi in neobrezanimi sličicami) sta prikazana spodaj.

Pri Slideshow, Filmstrip, Mosaic in Slider se nahaja sekcija nastavitev Možnosti prezentacije (Slideshow Options):

• Prikazni čas slike (Display Time): Določa število sekund med menjavo slik, če je vklopljeno samodejno predvajanje.
• Samodejno predvajanje (Autoplay): Vklopi samodejno predvajanje oziroma menjavanje slik na nastavljen časovni zamik (Display Time).
• Prikaz gumbov za pavziranje/predvajanje samodejnega predvajalnika (Show Play / Pause): Prikaže gumb, ki omogoča pavziranje ali predvajanje rotacije slik.
• Zanka (Loop): Vklop ali izklop zanke, ki omogoča, da se slike ponovno predvajajo iz začetka, ko predvajalnik odvrti vse slike.
• Prehod slik (Transition): Določa animacijo med prehodom slike. Na izbiro je brez animacije (None), pojemanje (Fade) in drseči prehod (Slide). Na voljo pri Slideshow, Filmstrip in Mosaic.
• Slog navigacije (Navigation Type): Določa stil navigacije med slikami. Nekatere opcije so na voljo le za določene prikaze. Izbirate lahko med brez (None), gumbi (Buttons), gumbi in številke (Buttons and Numbers), pikice (dots), številke (Numbers). Ni na voljo za Thumbnails in Grid.

Pod učinki slik (Image Effects) in podoba slike (Image Shape) lahko izbirate med različnimi učinki slik in oblikam oziroma obrezavam slik.

Sledi zadnji sklop nastavitev za galerijo prikazovalnik velikih slik (Large Image Viewer):

• Prikaži pripis (Shop Caption): Prikaže ali skrije pripis slike.
• Zastrnitev svetlobe (Dim Lights): Zatemni okolico slike.
• Povečava (Zoom): Omogoča povečavo sliko na klik.
• Velikost (Size):  Podpira dve možnosti, fiksna velikost (Fixed Size), katera ne prilagodi velikosti slike glede na zaslon in velikost okna (Window Size), ki omeji velikost slike glede na velikost okna.
• Prekrivni prikaz gumbov za naslednjo in prejšnjo sliko (Overlaid Prev / Next): omogoča prikaz gumbov za prejšnjo in naslednjo sliko neposredno na sliki.
• Ostale možnosti imajo enake funkcije kot pri drugih elementih.