Lightbox dla bloksa

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.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj /  Zmień )

Zdjęcie na Google

Komentujesz korzystając z konta Google. Wyloguj /  Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj /  Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj /  Zmień )

Połączenie z %s