Rubriky: Blog | Klasická fotografie | Cestopisy | Gimp | Modeling


Slimbox – efektní prohlížeč obrázků na Vaše www stránky

29.9.2008 10:33 | Rubrika: Blog

Č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í

Přečteno: 12163x


Komentář

 
Nejdříve zvolte "Náhled" a až ve druhém kroku odešlete Váš komentář!

Formátování příspěvku pomocí Textile:

_kurzíva_
*tučné*

Odkaz:
"link text":http://link.com/

Obrázek:
!http://image.url!

Gimp - tutoriály

Praktické tutoriály a návody pro open source bitmapový editor Gimp (alternativa ke komerčnímu Adobe Photoshop).

Modeling

Nabídka modelingového focení v Plzni (portrét, glamour, akt - výhradně černobílá fotografie).
Spolupráce formou TFP.