Foto Wrocław

Ten wpis wyjątkowo nie będzie zawierał żadnych wrocławskich zdjęć.

Chciałem się tylko podzielić małą modyfikacją lightboksa, dostosowaną do potrzeb bloksa.
Modyfikacja polegała na podmianie ścieżek i obrazków wskazujących na poprzednie, następne i zamknięcie zdjęcia.

Aby lightbox działał z bloksem trzeba ściągnąć to archiwum - lightbox4blox.

Wszystkie pliki zawarte w spakowanym katalogu blox, należy wypakować i przesłać do zasobów bloga.

Potem w dodajemy do bloga ścieżki do skryptów i arkusza css:

<script type="text/javascript" src="/resource/prototype.js"></script>
<script type="text/javascript" src="/resource/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/resource/lightbox.js"></script>
<link rel="stylesheet" href="/resource/lightbox.css" type="text/css" media="screen" />


Ja dodałem te linijki na początku.

I to koniec instalcji.

Teraz, żeby lightbox działał w linku dodajemy do zdjęcia dodajemy rel="lightbox"

np.

<a href="adres.do.zdjecia.jpg" rel="lightbox" title="Jakis opis zdjęcia"><img src="adres.do.zdjecia.jpg"></a>

Jeśli mamy kilka zdjęć w to robimy tak:

<a href="adres.do.zdjecia1.jpg" rel="lightbox[blox]" title="Jakis opis zdjęcia"><img src="adres.do.zdjecia1.jpg"></a>

<a href="adres.do.zdjecia2.jpg" rel="lightbox[blox]" title="Jakis opis zdjęcia"><img src="adres.do.zdjecia2.jpg"></a>

Ciąg [blox] można zastąpić dowolnie.

Efekt działania lightboksa można zobaczyć w dwóch ostatnich notkach:Baszta Niedźwiadka i A gdyby tak zebrać trochę stali...

Oryginalny opis można znaleźć tutaj - Lightbox2
Zmodyfikowany skrypt tutaj - Lightbox4blox

Skrypt jest na licencji Creative Commons Attribution 2.5 License.

Mam nadzieję, że się przyda.