Vytváření galerie
Vkládáte-li do svých webových článků náhledy obrázků nebo potřebujete-li snadno vytvořit malou galerii, Albireo má pro vás připravený skript, který vám práci usnadní.
Zde je ukázka výsledku s dvěma fotkami pro demonstraci přecházení mezi nimi:
Vložení skriptu
V první řadě se musíte ujistit, že je na vašich stránkách v kódu připojen skript scripts/cor-gallery.js. Ten nejlépe připojíte editováním XHTML šablony a vložení tohoto kódu:
<script type="text/javascript" src="scripts/cor-gallery.js"> </script>
Následně již můžete obrázky vkládat do kódu jako (skript načítá adresu velkého obrázku z cíle odkazu, pokud má odkaz třídu corgallery):
<a href="images/velky-obrazek.jpg" title="obrázek" class="corgallery">
<img src="images/maly-obrazek.jpg" alt="obrazek" />
</a>
Samozřejmě vše lze realizovat přímo v editoru bez psaní zdrojového kódu.
Vkládání v editoru
Pro skript je zásadní odkaz, nikoli to, co obaluje. Můžete tedy snadno použít klasický trik malý obrázek vede na velký a nebo prostě použijete klasické odkazy, které však povedou na cílový obrázek.
Před vytvořením odkazu, musíte vytvořit to, z čeho odkaz povede. Neboli vložte libovolný text nebo obrázek (návod na vkládání obrázků).
Po vložení obsahu označte text nebo klepněte na obrázek a zmáčkněte tlačítko pro vložení odkazu.
Do odkazu (políčko URL) vložte adresu cílového obrázku. V záložce rozšířené, kde nastavujete pomocný titulek vložte do políčka Třída stylu hodnotu corgallery. Odkaz uložte.
Fungování odkazů
Skript pracuje naprosto automaticky. Pokud má uživatel ve svém prohlížeči javascript vypnutý, ničeho si nevšimne a obrázek se mu zobrazí klasickou cestou v okně prohlížeče. Se zapnutým javascriptem se mu však zobrazí animace ztmavnutí pozadí a rozevře se mu obrázek s velikostí upravenou na aktuální velikost okna prohlížeče.
Skript sám vyhledá všechny odkazy na obrázky s třídou stylu corgallery a případně zobrazí šipky pro procházení mezi nimi.
Tip na závěr
Skript scripts/cor-gallery.js je vnitřně využíván i skriptem pro vytváření odkazů videí YouTube. Podívejte se na návod pro vkládání YouTube videí.
