Dodajanje in upravljanje galerij

Element Galerija (Gallery) v urejevalniku SiteKreator omogoča organizirano in vizualno privlačno predstavitev večjega števila slik na spletnem mestu. Na voljo je več različnih vrst prikaza ter obsežen nabor nastavitev za prilagajanje dimenzij, prehodi, učinki in obnašanjem ob kliku.

1. Dodajanje galerije na spletno stran

Za dodajanje galerije na podstran sledite naslednjemu postopku:

1. V levem stranskem meniju kliknite Dodaj vsebino (Build) ali Elementi (Elements).

2. Poiščite kategorijo Galerija (Gallery).

3. Izberite želeni tip galerije ter ga s funkcijo povleci in spusti (drag-and-drop) premaknite na ustrezno mesto na podstrani. Modri pravokotniki bodo označili veljavna območja za vgradnjo.

4. Ob namestitvi gradnika se na desni strani samodejno odpre meni Možnosti galerije (Gallery Options).
    

2. Nalaganje in upravljanje posameznih slik

Slike v galerijo naložite prek modrega gumba Dodaj novo sliko (Add New Image) ali z uporabo naslednjih treh načinov:

• Povleci in spusti (Drag & Drop / Upload): Slike s svojega računalnika povlecite neposredno v označeni črtkani pravokotnik ali kliknite nanj, da odprete lokalni brskalnik datotek. Omogočeno je nalaganje posameznih ali več slik hkrati.

• Dodaj iz URL-ja (Add from URL): Vnesite neposredno spletno povezavo do slike, shranjene na zunanjem strežniku.

• Knjižnica slik (Image Library): Izberite profesionalne fotografije iz vgrajene zbirke brezplačnih slik (stock images).

Opozorilo glede omejitev nalaganja:

Nalaganje arhivskih datotek .zip ni podprto. Pri posameznem nalaganju velja omejitev do največ 200 slik hkrati.

Urejanje možnosti posamezne slike (Image Options)

Če se v desni nastavitveni plošči s kazalcem miške pomaknete nad predogled posamezne slike in kliknete ikono zobnika (Možnosti slike / Image Options), se odprejo naslednji parametri:

• Uredi (Edit): Odpre vgrajeni zunanji urejevalnik za obrezovanje, vrtenje in prilagajanje lastnih slik.

• Spremeni (Change): Zamenja obstoječo sliko z novo datoteko.

• Naslov slike (ALT-besedilo) (Image Title / ALT Text): Vnos besedila ALT za izboljšanje dostopnosti (bralniki zaslona) in optimizacijo za spletne iskalnike (SEO).

• Opis slike (Image Description): Kratek opis oziroma pripis slike, ki je viden na spletni strani.

• Uporabi ime datoteke kot opis (Use image file name as Image Description): Prepiše ročno vneseni opis z izvirnim imenom slikovne datoteke.

• Vrsta povezave (Link Type): Določa dejanje ob kliku na sliko:

  • Prikazovalnik velikih slik (Large Image Viewer): Odpre izvirno ali večjo različico slike v prekrivnem oknu.

  • Notranja stran (Internal page): Preusmeri na izbrano podstran vašega spletnega mesta.

  • Zunanja stran (External page): Preusmeri na zunanji URL-naslov.

• Dodaj prilagojeno predogledno sličico (Add Custom Thumbnail): Zamenja sliko v predogledu galerije, medtem ko je izvirna slika vidna le ob odpiranju v prikazovalniku velikih slik.

• Odstranitev slike: S premikom miške nad sliko in klikom na ikono koša sliko trajno izbrišete iz galerije.

3. Vrste prikazov galerij in specifične nastavitve

S klikom na gumb Nastavitve (Settings) v meniju galerije lahko vrsto prikaza kadarkoli spremenite. Na voljo je 6 grafičnih prikazov:

1. Prikazne sličice (Thumbnails)

Slika se prikazuje v obliki mrežne strukture manjših predoglednih sličic v nižji ločljivosti:

• Velikost slike (Image Size): Izberite prednastavljeno velikost (Majhna / Small, Srednja / Medium, Velika / Large) ali nastavite dimenzijo po meri (Poljubna velikost / Custom Size) z vnosom širine in višine v pikslih.

• Prikaži pripis (Show Caption): Vklopi ali izklopi prikaz opisa pod sličico.

• Število stolpcev predoglednih sličic (Thumbnail Columns): Določa število stolpcev v mreži.

• Obreži sliko (Crop Image): Če je možnost omogočena, se naložena slika obreže na razmerje stranic okvira sličice. Če možnost onemogočite, slika ohrani svoje izvirno razmerje stranic in se pomanjša na nastavljeni okvir.

2. Prezentacija (Slideshow)

Samodejno ali ročno vrtenje slik z večjimi dimenzijami:

• Animacija pripisov (Animated Captions): Nastavi statičen ali animiran prikaz pripisov (vklopljeno le ob omogočeni možnosti Show Caption).

• Prikaži gumbe Prejšnja / Naslednja slika (Show Prev Next buttons): Prikaže ali skrije navigacijske puščice.

• Možnosti prezentacije (Slideshow Options):

  • Prikazni čas slike (Display Time / Timeout): Nastavitev časovnega zamika med menjavo slik v sekundah.

  • Samodejno predvajanje (Autoplay): Omogoči samodejno rotacijo slik.

  • Prikaži gumba Pavza / Predvajaj (Show Play / Pause): Prikaže kontrolna gumba za zaustavitev in nadaljevanje predvajanja.

  • Zanka (Loop): Po zadnji sliki ponovno zažene predvajanje od začetka.

  • Prehod slik (Transition): Izbira animacije prehoda (Brez / None, Pojemanje / Fade, Drseči prehod / Slide).

  • Slog navigacije (Navigation Type): Izbira navigacijskih elementov pod sliko (Brez / None, Gumbi / Buttons, Gumbi in številke / Buttons and Numbers, Pikice / Dots, Številke / Numbers).

3. Filmski trak (Filmstrip)

Prikazuje osrednjo sliko ter vrstico manjših predoglednih sličic pod ali ob njej:

• Prikaži drsnik (Show Scrollbar): Doda drsnik za premikanje med slikami.

• Obreži predogledno sličico (Crop Icon): Obreže male ikone na nastavljeno razmerje predoglednih sličic (Thumbnail Size).

• Velikost predoglednih sličic (Thumbnail Size): Vnos širine in višine ikon v pikslih.

• Položaj predoglednih sličic (Thumbnails Placement): Nastavitev položaja traku ikon (Zgoraj / Top, Spodaj / Bottom, Levo / Left, Desno / Right).

• Vključuje tudi nastavitve prezentacije (Autoplay, Timeout, Loop, Transition).

4. Mozaik (Mosaic)

Kombinacija dinamične postavitve ikon in osrednjega prikazovalnika. Vključuje enake nastavitve kot Filmstrip (obrezovanje ikon, določanje velikosti v pikslih, položaj ikon in možnosti rotacije).

5. Drsnik (Slider)

Preprost vodoravni drsnik za ročno ali samodejno brskanje med slikami. Omogoča nastavitve dimenzij (Small, Medium, Large, Custom), navigacijskih puščic (Show Prev Next buttons), drsnika (Show Scrollbar), pripisov ter samodejnega predvajanja (Autoplay, Loop, Show Play / Pause).

6. Mreža (Grid)

Strukturiran mrežni prikaz slik s strogimi poravnavami.

4. Prikazovalnik velikih slik (Large Image Viewer)

Prikazovalnik velikih slik se odpre ob kliku obiskovalca na posamezno sliko v galeriji. Nastavitve veljajo za vse vrste galerij:

• Prikaži pripis (Show Caption): Prikaže ali skrije opis slike pod povečano sliko.

• Zastrnitev svetlobe (Dim Lights): Zatemni ozadje spletnega mesta ob odprtju slike.

• Povečava (Zoom): Ob kliku na povečano sliko omogoči dodatno približevanje slikovnih podrobnosti.

• Velikost (Size):

  • Fiksna velikost (Fixed Size): Ohrani fiksne dimenzije slike ne glede na velikost zaslona.

  • Velikost okna (Window Size): Samodejno omeji in prilagodi velikost slike glede na dimenzijo okna brskalnika.

• Prekrivni prikaz gumbov Prejšnja / Naslednja slika (Overlaid Prev / Next): Prikaže navigacijski puščici neposredno preko levega in desnega roba povečane slike.

5. Učinki in oblike slik (Image Effects & Image Shapes)

Vizualne učinke in oblike predoglednih slik nastavljate znotraj splošnih nastavitev galerije:

Učinki slik (Image Effects)

Uporabi vizualne filtre na predoglednih slikah v galeriji (učinki se ne uporabijo v prikazovalniku Large Image Viewer):

• Brez (None)

• Polaroid (Polaroid)

• Odsev (Reflection)

• Sivine (Grayscale)

• Sepija (Sepia)

• Svetlo (Light)

• Temno (Dark)

Oblike slik (Image Shapes)

Določa obrezovalno obliko predoglednih slik v galeriji (se ne uporabi v prikazovalniku Large Image Viewer):

• Izvirna (Original)

• Romb (Diamond)

• Šestkotnik (Hexagon)

• Osemkotnik (Octagon)

• Oval (Oval)

• Krog (Circle)