Dodavanje fancyboxa

Posjetiteljima web stranice za sve slike koje smo dodali u tekst, možemo pružiti mogućnost da ih pogledaju u zasebnom okviru, u punoj rezoluciji (veličini) radi bolje preglednosti i doživljaja. Ta se funkcionalnost obično ostvaruje pomoću fancyboxa  - alata koji "izvlači" sliku iz teksta te ju u punoj raskoši stavlja u prvi plan, dok se ostatak ekrana zamrači (malo niže možete vidjeti kako to izgleda i u praksi - slika sa jedrilicom).

Ikonu za tu mogućnost moguće je pronaći na alatnoj traci editora:

Pretpostavimo da smo u tekst već dodali slike koje sada želimo istaknuti pomoću fancyboxa. Bitno je naglasiti da taj alat osim što daje mogućnost pregledavanja slika u "zoom režimu", omogućuje i povezivanje slika u galerije. Upravo zbog toga pokazat ćemo kako četiri slike staviti u dvije različite galerije.

Galerija - niz slika koje se mogu listati jedna iza druge klikom na strelice (lijevo - desno) po potrebi.

Kako bi na sliku uopće mogli dodati fancybox, obavezno kod njezinog dodavanja u tekst treba ostaviti na kvačicu na opciji "Kreiraj link na original" budući da se tako omogućuje stvaranje galerije unutar teksta (za detaljnije pojašnjenje o dodavanju slika kliknite četiri reda iznad na "dodali slike"):

Nakon što smo na željene lokacije u tekstu dodali slike, povezat ćemo ih dakle putem fancyboxa. Označimo prvu željenu sliku s lijevom tipkom miša, kliknemo na ikonicu iz alatne trake koja predstavlja fancybox (GIF animacija iznad) te se zatim otvori fancybox editor koji izgleda ovako:

U ovom prozoru potrebno je unijeti samo dva parametra - prvi je naziv slike koji se unosi u polje "Naziv", dok je drugi naziv galerije koji se unosi u polje "Galerija". 

Mi ćemo za ovaj naš primjer u polje "Naziv" upisati "slika 1", a u polje "Galerija" "more 1". 

U polja širina i visina nema potrebe unositi nikakve podatke budući da se fancybox sam automatski prilagođava veličini slike.

Nakon toga potrebno je samo kliknuti na zelenu tipku OK kako bi se na označenu sliku dodao fancybox. 

Sada ćemo za drugu sliku napraviti istu stvar, samo ćemo koristiti drugi naziv slike (u ovom primjeru ime će biti "Slika 2" dok će galerija ostati "More 1").

Nakon što smo i ovdje unijeli sve podatke, također kliknemo da zelenu tipku OK kako bi se dodao fancybox. 

Preostaje sada na web stranici provjeriti jesmo li dvije slike uspješno povezali u novu galeriju:

Očigledno jesmo. 

Na ovaj način (putem naziva galerije), slike se mogu povezivati u ovakve preglede, s time da takvih različitih galerija na jednoj stranici može biti koliko god to administrator želi. 

Za preostale dvije slike koje želimo staviti u drugu galeriju, napravi se isti ovaj postupak, samo bi se umjesto galerije 1, u polje "Galerija" upisalo galerija 2. 

Na taj način dobili bi dvije odvojene galerije unutar iste stranice.