AstartaCMS – Fancybox

Vytvoriť obrázok, ktorý sa po kliknutí zobrazí zväčšený, nie je veľký problém, len je nutné dodržať nasledovný postup krokov:

1. Umiestnenie ľubovoľného obrázku do textu štandardným spôsobom

Kliknúť na ikonu Obrázok v nástrojovej lište WYSIWYG editoru a umiestniť do textu ľubovoľný obrázok.

Do otvoreného dialógového okna zapíšeme URL cestu k požadovanému obrázku alebo ho vyberieme pomocou súborového manažéra priamo zo servera. Nastavíme veľkosť obrázku, aby sa graficky hodil do textu. Je odporúčané si okopírovať do schránky URL cestu k obrázku, neskôr ju budeme potrebovať. Potvrdíme tlačidlom OK.

2. Vytvorenie odkazu smerujúceho k obrázku

Označíme si vložený obrázok kliknutím a stlačíme ikonu Vložiť / zmeniť odkaz.

Do otvoreného dialógového okna v prvej záložke Informácie o odkaze vložíme URL cestu k obrázku (môžeme použiť aj URL cestu, ktorú sme si uložili do schránky v predchádzajúcom kroku). Na tretej záložke Rozšírené do políčka Id vložíme text - kód "fancybox" (bez uvodzoviek), ktorý nám zabezpečí spustenie samotného efektu a potvrdíme tlačidlom OK.

Poznámka:

V príklade sme použili rovnaký obrázok na miniatúru v článku aj pre zväčšený obrázok. Samozrejme môžeme použiť aj dva rozdielne obrázky, pričom zmenšenú miniatúru si pripravíme v obľúbenom grafickom editore a zmenšenie urobíme manuálne namiesto internetového prehliadača. Tento postup je prácnejší, ale docielime tým rýchlejšie načítavanie strany s miniatúrami.