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:
/resource/prototype.js
/resource/scriptaculous.js?load=effects
/resource/lightbox.js
<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.
FotoWrocław 