Čas od času se rozhodnu trochu upravit a vylepšit stávající www stránky. Fotogalerie plně běží na pixelpostu, ale pro ostatní fotografie v článcích a cestopisech jsem sháněl nějaký jednoduchý a atraktivní prohlížeč.
Po chvilce „googlování" jsem se nakonec rozhodl pro Slimbox, což je klon známějšího Lightboxu. Jeho výhodou je robustnější JavaScript, menší velikost, specifikace grafiky v CSS, není nutné čekat na načtení všech obrázků atd.
Instalace je velice jednoduchá, stačí si stáhnout zdrojové soubory a do kódu Vašich stránek doplnit pár řádků:
- zkontrolujte specifikaci HTML stránek, Slimbox pracuje pouze s dokumenty XHTML 1.0 transitional, XHTML 1.0 strict nebo XHTML 1.1
- do hlavičky stránky - mezi tagy <head> a </head> vložte tyto řádky:
<script type="text/javascript" src="js/mootools.v1.11.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
- opět do hlavičky stránek vložit řádek připojující CSS styl
<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
- doplnit k vlastnímu odkazu obázku text, který slimbox aktivuje:
<a href="obrazek1.jpg" rel="lightbox" title="popis obrazku">Obrázek 1</a>
Obrázky lze sdružovat do skupin a lze se pak mezi nimi posouvat pomocí jednoduché navigace. Stačí jen do odkazu doplnit název skupiny:
<a href="obrazek1 .jpg" rel="lightbox[galerie]" title="popis obrazku">Obrázek 1</a>
Jak takový jednoduchý prohlížeč obrázků funguje si můžete vyzkoušet na této stránce.
Počeštěný instalační balík ke stažení