Jak dodać wyświetlarkę zdjęć Lightbox 2 do strony WWW?

Lightbox 2 to gotowe rozwiązanie programistyczne, która umożliwia dodanie do dowolnego serwisu WWW ładnie prezentującej się galerii zdjęć. Dzięki skryptowi fotografie są wyświetlane w pływających ramkach.

Lightbox 2 to użyteczne i estetyczne narzędzie. Posiada wiele ciekawych funkcji. Zdjęcia można przełączać za pomocą kółka myszy, zdefiniowanego przycisku lub po prostu klikając w prawą albo lewą krawędź wyświetlanego zdjęcia.. Skrypt obsługuje również skróty klawiszowe (prawa i lewa strzałka).

Zbudowane na bazie JavaScriptu rozwiązanie cechuje się wysoką wydajnością. Już w momencie wyświetlenia danego zdjęcia ładowana jest następna fotografia. Użytkownik nie musi więc czekać zbyt długo. Trochę czasu zajmuje jedynie wyświetlenie animacji podczas zmiany rozmiaru pływającego okna.

Tak wygląda wyświetlanie zdjęć w ramce Lightboksa.

Aby korzystać z dobrodziejstw Lightboksa należy pobrać na twardy dysk, a następnie umieścić na serwerze niezbędne pliki .js, CSS oraz obrazki GIF/JPG. Całość można znaleźć tutaj. Skrypt korzysta z frameworka Prototype oraz biblioteki efektów Scriptaculous. Dlatego do nagłówka strony HTML trzeba dodać kod:

Kolejnym krokiem jest dołączenie kaskadowego arkusza stylów:

«poprzednia 1 2 następna »

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

skomentuj »