15 скриптов для лайтбокса

Если вам попадется сайт для изображений, построенный на jQuery, то, наверняка, на нем будет использоваться лайтбокс. Сила лайтбокса заключается в том, что он может превратить даже простую библиотеку картинок в привлекательную и эффективную галерею. Именно в данной особенности заключается популярность таких плагинов для jQuery в сфере веб дизайна.

Благодаря сообществу jQuery существует огромное количество плагинов лайтбокса, что создает прекрасные возможности для дизайнеров по работе с изображениями. В нашем уроке представлены 15 различных плагинов, на которые стоит обратить внимание.

Лайтбокс для         изображений

 

Плагин jQuery Lightview

Lightview построен для изменения вывода покрывающего слоя для содержания веб сайта.

Lightview

 

TopUp

TopUp - простая в использовании библиотека JavaScript для ненавязчивого вывода изображений и веб страниц. Библиотека управляется через jQuery и jQuery UI для обеспечения кроссбраузерной совместимости и компактности.

TopUp

 

Плагин Highslide

Highslide - специальный инструмент для просмотра изображений, медиа и галерей.

Highslide

 

 

Color Box

Маленький настраиваемый плагин для jQuery 1.3+.

ColorBox

 

Lightbox 2

Lightbox 2 - простой, ненавязчивый скрипт, который используется для вывода изображения в покрывающем слое на текущей странице. Его просто установить, и он работает во всех современных браузерах.

Lightbox 2

 

prettyPhoto

prettyPhoto поддерживает не только изображения, но и видео, flash, YouTube и Ajax. Лайтбокс для медиа файлов.

prettyPhoto

 

Slimbox 2

Slimbox 2 - клон Light box 2 размером 4 KB, реализованный с помощью jQuery.

SlimBox 2

 

Shadowbox

Shadowbox - веб приложение для просмотра медиа файлов, которое поддерживает все популярные форматы. Shadowbox написано на JavaScript и CSS, и имеет хорошие возможности настройки.

Shadowbox

 

Pirobox Extended V.1.0.

Одним из преимуществ данного плагина является способность открывать любой тип файла - от встроенного содержания до .swf файла, от простого изображения до .pdf файла.

Другие замечательные возможности: автоматическое изменение размера изображения и поддержка технологии "перетащи и брось".

Pirobox

 

GreyBox

GreyBox можно использовать для вывода веб сайтов, изображений и другого содержания.

GreyBox

 

Super Box

Super Box - плагин, который выводит окна с эффектом лайтбокса.

Super Box

 

Fancy Box

Fancy Box - инструмент для вывода изображений, HTML содержания и мультимедиа файлов в лайтбоксе в стиле Mac.

Fancy Box

 

Pirobox Extended V.1.1.

Pirobox Extended V.1.1 -  расширенная версия с опцией масштабирования с перетаскиваемым окном просмотра увеличенной копии.

Pirobox

 

Плагин jQuery Lightbox

Плагин Lightbox - простой, элегантный и ненавязчивый скрипт, который не нуждается в дополнительной разметке и использует покрывной слой.

Lightbox

 

Ceebox

Скрипт для простого вывода flash видео, изображений и HTML (либо внешнего сайта через iframe или содержания собственного сайта через AJAX).

Ceebox

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.onextrapixel.com/2012/03/29/15-stunning-jquery-lightbox-plug-ins-for-your-upcoming-designs/
Перевел: Сергей Фастунов
Урок создан: 16 Апреля 2012
Просмотров: 122932
Правила перепечатки


5 последних уроков рубрики "jQuery"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 17 Апреля 2012 00:34
    vUdav
    Использую ColorBox, из представленного списка заинтересовал только Pirobox Extended с функцией масштабирования
    • 19 Апреля 2012 10:44
      RebelioUS
      Использовал его ранее. Очень не плохо. Масштабирование действительно плюсует его.
    • 8 Мая 2012 21:26
      reset86
      ColorBox вообще по мне самое лучшее решение, плюс легко и быстро кустомизируется.
  • 17 Апреля 2012 08:38
    andrew_gurylyov
    Отличная подборка!
  • 17 Апреля 2012 11:20
    DarkLifes
    Отличный сборничек!
  • 17 Апреля 2012 13:45
    slava191web
    всегда использую fancyboх, но можно попробывать и дургие
  • 17 Апреля 2012 20:59
    rubyx
    на этом "Плагин jQuery Lightbox" там фотки после загрузки автоматический читаются (не надо самому париться над
    <img src="" ... />
    супер!
  • 18 Апреля 2012 00:37
    Ygreec
    Согласен - стоящие один или два, но главное - наглядно все плагины - знаешь, что происходит на этом поле...
  • 18 Апреля 2012 19:35
    Дзирт_До_Урден
    я использую Highslide и fancyboх
    • 21 Апреля 2012 15:18
      KRUZER13
      Использую ColorBox работает даже со страничками и PHP
  • 17 Декабря 2012 23:48
    reptil
    бюсь не первый день! я слабовато разбираюсь в jquery, но рабочего нормального примера где на сайте работает и слайдер на jquery и lightbox галерея не встречал киньте ссылку кто видел!? Задолбался с этими конфликтами библиотек!
  • 12 Февраля 2013 21:01
    xenori
    Привет! Подскажите пожалуйста, как добавить вывод информации о размере изображения для ColorBox
^ Наверх ^