Лайтбоксы (JavaScript) - Lightbox (JavaScript)

Типичное отображение изображения в лайтбоксе

Лайтбокс это JavaScript библиотека, которая отображает изображения и видео, заполняя экран и затемняя остальную часть веб-страница.[1]

Первоначальная библиотека JavaScript была написана Локешем Дакаром.[2] Термин Lightbox может также относиться к другим подобным библиотекам JavaScript. Техника приобрела широкую популярность благодаря простоте и элегантности.

В исходной библиотеке Lightbox использовались две библиотеки JavaScript, Прототип Javascript Framework[3] и script.aculo.us,[4] за его анимацию и позиционирование. В апреле 2012 года плагин был переписан для jQuery.[5] Открытый исходный код Lightbox побуждал разработчиков модифицировать и разветвлять код, в результате чего создавались такие плагины, как Colorbox, Magnific Popup, Slimbox или Thickbox.

Скрипты лайтбоксов зависят от браузера JavaScript поддерживать,.[6] Многие скрипты лайтбоксов используют ненавязчивый JavaScript. Браузеры, которые не загружают скрипт по какой-либо причине, могут вместо этого просто загрузить изображение как отдельную загрузку страницы, теряя эффект лайтбокса, но сохраняя возможность отображать изображение.[7]

В обход

Пользователь может использовать инструмент разработчика, такой как Chrome Inspect Element, для удаления и добавления кода для него из DOM. [8] Adblock Plus, например, может блокировать эти элементы с помощью помощника по скрытию элементов или написанных вручную правил. [9]

Рекомендации

  1. ^ Якоб Нильсен, Alertbox. «10 лучших пользовательских интерфейсов приложений».
  2. ^ Дхакар, Локеш. "Lightbox JS". Получено 2012-12-17.
  3. ^ Херрингтон, Джек Д. «Ajax и XML: Ajax для лайтбоксов». IBM DeveloperWorks. Получено 2008-05-21.
  4. ^ Шмитт, Кристофер (2006). CSS Cookbook. О'Рейли. п. 204. ISBN  0-596-52741-1.
  5. ^ Дхакар, Локеш. "Lightbox2". Получено 2012-12-17.
  6. ^ Шмитт, Кристофер (2006). CSS Cookbook. О'Рейли. п. 207. ISBN  0-596-52741-1.
  7. ^ Зерваас, Квентин (2007). Практические приложения Web 2.0 с PHP. Springer. стр.423. ISBN  1-59059-906-3.
  8. ^ Николас Миллер, «Убийца всплывающих окон: как обойти барьеры веб-сайта без регистрации или заполнения опросов», WonderHowTo, 2014
  9. ^ [1] "Element Hiding Helper Companion Extension для Adblock Plus"], получено 23 сентября 2015 г.