Jeżeli podobają się wam moje galerie zdjęć możecie bardzo łatwo zrobić sobie takie sami za pomocą skryptu Java Lightbox2, który zamieszczam poniżej. Najpierw kilka słów o instalacji.

Część 1 - Przygotowanie

Kompiujemy katalogi "css", "js", "images" za pomocą dowolnego klienta FTP na serwer.

W części Head stony umieszczamy odwołania do skryptów "java"

      
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?
load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

oraz odwołanie do arkusza styli "lightbox.css".

<link rel="stylesheet" href="css/lightbox.css" type="text/css" 
media="screen" />

w katalogu "images" znajduja się pliki "prevlabel.gif" oraz "nextlabel.gif". Jeżeli chcesz umieścić je w innym miejscu pamiętaj o edycji pliku "lightscribe.css".

Część 2 - Tworzenie galerii

atrybut rel="lightbox" wywołuje skrypt, np:

 
<a href="images/image-1.jpg" rel="lightbox" title="my caption">
image #1</a>

Jeżeli chcesz grupować obrazy w różne galerie możesz nadać każdej grupie określoną nazwę i na całej stronie wszystkie pliki graficzne o atrybucie rel="lightbox[galeria1]" będą wyświetlały się jako jedna galeria np:

<a href="images/image-1.jpg" rel="lightbox[galeria1]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[galeria1]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[galeria1]">image #3</a>

Nie ma ograniczeń na ilość plików graficznych, ani ilość ich grup na danej stronie.

Powrót do strony głównej