Просмотр изображений и фотогалерея
Lightbox 2 — простой скрипт для удобного просмотра изображений на страницах вашего сайта. Прост в установке и работает во всех популярных браузерах. Пример работы можно посмотреть здесь. Подключение самой библиотеки выполняется в два шага:
Установка
Lightbox использует библиотеки Prototype и Scriptaculous. Вы должны подключить их в разделе head HTML-страницы:
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Далее необходимо подключить стили отображения для окна просмотра::
Активация
Для того чтобы картинка открывалась при помощи Lightbox, нужно добавить атрибут rel=”lightbox” в тег ссылки на картинку. Заголовок, если таковой требуется, можно разместить в атрибуте title. Например, так:
Если необходимо разместить несколько логически связанных изображений и организовать навигацию между ними в окне просмотра, то нужно разместить в аттрибуте rel=”lightbox” название группы в квадратных скобках для каждого связанного изображения. Например:
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
На странице может быть размещено несколько фотогалерей и каждая из них может содержать любое число изображений.
Предыдущая версия библиотеки LightBox реализована без применения сторонних библиотек. В ней нет анимации и нет возможности просмотра нескольких связанных изображений.
qpeo:
добрый день,очень интерестный вьювер изображений, но в ИЕ както лман прорисовывется вся динамика графики скрипта, в Опере очень красиво и дорогостоюще. Вы бы не могли подсказать какой то скрипт что бы эффектно и эффективно рабтал в этих двух браузерах?
18 Июнь 2009, 19:21admin:
qpeo, я проверял работу библиотеки в 6-ой и 7-ой версиях MS IE - никаких проблем не заметил.
19 Июнь 2009, 9:40Елена:
Здравствуйте.
30 Июль 2009, 20:46Спасибо за ваш сайт и за этот скрипт. Очень легко ставится, единственное вопрос. Можно ли сделать так, чтобы было ещё и слайд-шоу, то есть, не нажимать на мышь, а чтобы фотки сами менялись? Может добавить какой-то код?
Подскажите, кто знает, заранее спасибо за ответ.
admin:
Елена:
31 Июль 2009, 10:30Плагин Cycle для библиотеки jQuery. Часть 1
Плагин Cycle для библиотеки jQuery. Часть 2
Плагин Cycle для библиотеки jQuery. Часть 3
Плагин Featured Content Glider для jQuery
Делаем слайдшоу
jCarousel
jCarousel Lite
InnerFade with JQuery
Елена:
Спасибо, ща буду лазить, смотреть )))))
31 Июль 2009, 12:19Очень инстересно….
dalas:
Огромное спасибо за такой понятный скрипт!!!
21 Февраль 2010, 17:10ACID_RAVEN:
Большое человеческое спасибо за этот скрипт! Все ясно, понятно и разложено по полочкам! Искал что-то подобное в интернете на многих сайтах, находил, но читать двухстраничный бред с кодировкой - это очень сложно и долго. “Измените тут, измените там…допишите то, допишите это”. А тут все просто. Я нашел именно то, в чем был заинтересован. Спасибо огромнейшее!
25 Апрель 2011, 19:30Сергей:
скрипт очень полезный, но в ИЕ работает только при включеной опции “представление совместимости”
1 Май 2011, 13:16