Lightbox на jquery - галерея lightbox на jquery - плагін lightbox
У статті наведено приклад запуску плагіна галереї lightbox на jquery і тут же можна скачати робочий варіант. Ось так вона власне працює:
Дана реалізація lightbox хороша тим, що нею можна управляти через конфігураційний хеш. Запускається дуже легко. Для запуску плагіна необхідна будь-яка бібліотека jquery, починаючи з версії 1.2.6, сам плагін lightbox і стильовий файл. В архіві, трохи нижче, лежить готовий варіант. Скачайте, розпакуйте і відкрийте файл index.html в будь-якому браузері. Повинно працювати.
Сподіваюся як запустити всім зрозуміло. Розповім лише як управляти настройками lightbox. Відразу зазначу, що плагін не працює в IE 6, і тому ставимо умову ініціалізації для всіх крім «ослика». Далі ще один важливий момент: $ (document) .ready. так як до готовності дерева DOM ініціалізації не пройде. Сам процес ініціалізації відбувається так:
Приклад вихідного коду:
speed - швидкість ефекту відкриття фото і його закриття, в мілісекундах.
opacity - прозорість затемнює фону. Приймає значення від 0 до 1. Колір фону можна поміняти в стильовому файлі.
Параметри хешу images, вкладеного в хеш files, це шляхи до картинок для фону, анімації індикатора завантаження і кнопок назад-вперед.
Так само в хеше text можна змінювати написи для навігації.