GAJDAW


MOJE KSIĄŻKI

Książka pt. Git. Recipes
Książka pt. Git. Rozproszony system kontroli wersji
Książka pt. PhpStorm Starter
Książka pt. Symfony w przykładach
Książka pt. GIMP. Praktyczne projekty. Wydanie II
Książka pt. PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych
Książka pt. PHP. Praktyczne projekty

PROGRAMY

1 2 3


Prezentacja zdjęć na stronie WWW przy użyciu jQuery lightbox

Włodzimierz Gajda

1. Działanie kontrolki lightbox

Na stronie WWW umieszczamy miniaturowe zdjęcia (rysunek 1).

Rysunek 1. Tabela miniatur

Po kliknięciu dowolnej z miniatur strona zostanie przysłonięta czarną, lekko przezroczystą warstwą. Na środku pojawi się wyeksponowane zdjęcie (rysunek 2) wraz z informacją o liczbie zdjęć w galerii. Informacja ta jest przedstawiona w postaci tekstu:

Image 25 of 31

Wyeksponowane zdjęcie możemy zamknąć przyciskiem Close.

Rysunek 2. Po kliknięciu miniatury zdjęcie zostaje wyeksponowane

Po wskazaniu górnych narożników zdjęcia kursorem myszy ujrzymy przyciski NEXT oraz PREV (rysunki 3, 4). Służą one do przewijania fotografii.

Rysunek 3. Po wskazaniu lewego górnego narożnika zdjęcia ujrzymy przycisk PREV

Rysunek 4. Po wskazaniu prawego górnego narożnika zdjęcia ujrzymy przycisk NEXT


Reklama

Szkolenia z Zend Framework 2.0


1 2 3