Lightbox.

Tutoriale

Tworzenie galerii używając biblioteki lightbox sprawi, że nasze zdjęcia będą zaprezentowane w bardzo ciekawy sposób.

Includowanie javascriptu

Aby korzystać z bibloteki lightbox musimy ją najpierw zainkludować w sekcji head

	<script type="text/javascript" src="lightbox.js"></script>

Style naszego ligthbox-a

Nasz lightbox korzysta ze styli, które też musimy umieścić w sekcji head

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

Obrazek potrzebny do wyświetlenia.

Oto przykładowy obrazek:

	<img src="./image-1.jpg" style="widht:200px; height:175px;" alt="" />

Nasz obrazek musi byc linkiem

Nasz obrazek otaczamy linkiem z atrybutem rel o wartości lightbox

 <a href="./image-1.jpg" rel="lightbox">
 	<img src="./image-1.jpg" style="widht:200px; height:175px;" alt="" />
 </a>

Gotowy efekt.