FotoBlog ze zdjęciami z Wrocławia






FotoWrocław on Facebook


Related Posts Plugin for WordPress, Blogger...
Blog > Komentarze do wpisu

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:

<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.
poniedziałek, 18 lutego 2008, zlt
Related Posts Plugin for WordPress, Blogger...

Polecane wpisy

  • Nowy adres

    Zamykają blox.pl więc się przenosimy. Nowy adres to: https://fotowratislavia.wordpress.com Być może będzie to jakiś krok do reaktywacji bloga :)

  • Bocznica wzdłuż Maślickiej

    Wydawało się, że tory, który prowadzą wzdłuż ulicy Maślickiej na odcinku miedzy Brodzką, a przejazdem kolejowym na Stabłowickiej/Maślickiej były dziełem rosjan,

  • Wel-Tex na zdjęciach Narodowego Archiwum Cyfrowego

    Wyborcza przedstawiła tylko 11 zdjęć, a jest ich więcej :

TrackBack
TrackBack URL wpisu:
Komentarze
sgk
2008/02/20 08:54:01
Wygląda na kawał przydatnej pracy!
Przyznam, że kiedyś też o tym myślałem, ale szybko mi przeszło, bo wszystkie skrypty i zasoby to jakieś 150KB i opłaca się je stosować chyba tylko na fotoblogach, gdzie jest dużo zdjęć i te dodatkowe kilobajty nie są tak odczuwalne ;)
-
zlt
2008/02/22 06:26:00
A dziękuję :)
Ligthbox waży mniej więcej tyle co jedno zdjęcie, więc nie jest aż tak źle :)
-
2008/02/24 22:25:21
Świetna sprawa, dzięki! Ja już używam :)