Lightbox и его клоны
Очень популярным стало открытие картинки на сайте в слое поверх всего, не открывая дополнительных окон.
Удобно, красиво, быстро, вобщем супер, но не все скрипты для этого одинаково полезны.
Родоначальником был Lightbox, сейчас он называется Lightbox2, далее я расскажу о нем и о его многочисленных клонах.
Удобно, красиво, быстро, вобщем супер, но не все скрипты для этого одинаково полезны.
Родоначальником был Lightbox, сейчас он называется Lightbox2, далее я расскажу о нем и о его многочисленных клонах.
Lightbox2
Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 18Кб, а если очистить от комментариев и ужать, то будет в разы меньше.
Дизайн и физика движений довольно приятные, в целом скрипт довольно хорош, классика.
Leightbox
Так же основывается на prototype, но никаких визуальных эффектов не поддерживает, только затемнение. Размер скрипта 5Кб, ужатый еще меньше.
Жалкая подделка, никакой эстетики, из плюсов только то что он умеет изменять свой размер под размеры окна.
Lightview
Серьезная вещь, но к сожалению коммерческая. Работает не только с картинками, но и с видео, формами, фреймами, флешем и другим контентом. Отличный дизайн окна, приятная физика движений, возможность показа картинок слайдами. Умеет подстраиваться под размеры окна, есть возможность добавлять свои события (events), и традиционно основан на prototype и scriptaculous.
Очень хороший скрипт, его цена от 3€ до 295€ в зависимости от лицензии.
LightWindow v2.0
Мощный скрипт, имеет массу возможностей:
Поддерживает все типы медийных данных
Классная анимация
Галереи (прекрасно реализованы)
Центровка и сжатие изображений под размеры окна
и т.д.
Так же основан на prototype и scriptaculous.
Вердикт — безусловный must have. К тому же бесплатен.
Lytebox
Автор пишет что он хотел расширить возможности Lightbox и создал Lytebox, т.е. уже на стадии названия уже была ошибка и она прошла сквозь всю его работу, не зря говорят как корабль назовешь, так он и поплывет. Все расширение заключается в добавлении слайд-шоу, притом ужасной реализации.
Каким-то странным образом версия скрипта достигла v3.22. В общем оценка 3.
Lightbox+
Японская поделка, ничего выдающегося, кроме возможности увеличения картинки.
Дизайн не красивый, не удобный, физика по системе — нажал-выпрыгнуло.
iBox v2
Громкое название и только, дизайн далеко не i-style. Да и все остальное плохо при том очень, при прокрутке окно начинает прыгать, файл скритпа не заслуженно имеет размер 23Кб, возможности слабые.
GreyBox
Расчитан не только на медийный контент, но и на обычные страницы, открываемые в iframe.
Фотогалерея ужасна, при прокрутке все скачет, у обычных окон нельзя менять размеры.
Оформление в виде окна, но его нельзя перетаскивать и менять размер, глупость несусветная, в топку.
Highslide JS
Вот на этот скрипт нужно обратить внимание. Фреймворки не использует, абсолютный standalone. Главная фишка — картинка вырастает поверх всего, очень удобно и приятно смотреть. Не очень радует физика, движения прерывистые.
Скрипт хорош в ряде случаев, даже иногда необходим.
jQuery lightBox plugin
Не является отдельным скриптом, это всего лишь плагин для jQuery. Фактически 99% клон Lightbox2, с разницей в используемых фреймворках.
Достоинство — великолепная физика, спасибо jQuery.
ThickBox 3.1
Видимо разработчики до 2007 года были не в курсе существования более красивых и интересных решений, и писали свое, но теперь проект дальше не живет.
Интересного 0.
TinyBox
Использует prototype. Дизайн слабый, физики нет как и других дополнительных возможностей. Главная особенность — размер 3Кб! На этом все.
WeebBox
Just for fun был создан очередной клон Lightbox, автор прекрасно знал что изобретает велосипед, но тем не менее что-то получилось, это что-то ни сколько не дотягивает до классического Lightbox и ему равных. Все движения очень медленные и плоские, дизайн так себе, но на оценку 3 дотягивает.
FancyBox
Жемчужина коллекции, корни скритпа растут из jQuery, поэтому и физика великолепная. Открытие одиночных картинок такое же как в Highslide JS (увеличение картинки поверх всего на месте), работает очень красиво, так же масса дополнительных возможностей.
Это лучшее из всего вышеперечисленного что есть для jQuery.
Shadowbox.js
Профессиональная вещь, не для новичков. Не использует сторонних фреймворков, имеет собственный API. Возможность установки собственного flash плеера для видео.
Дизайн и физика на уровне, все качественно, но не очень просто. Разделен на несколько “плееров”: img, html, iframe, swf… С возможностью собрать себе необходимый набор плееров в один сжатый файл.
Несомненно полезная вещь для профессионалов.
jsImageBox
Очень достойная реализация all-in-one. Скрипт не использует фреймворки, размер сжатого скрипта всего 9 Кб, так же отсутствует подключаемый css, некоторые стили можно задать прямо в скрипте в настройках.
ImageBox
Моя реализация клона lightbox, с использованием jQuery.
iLOAD
Совсем свежий скрипт, реализован на фреймворке jQuery, имеет массу настроек. Особенность реализации в скругленных углах, которые «собираются» на лету не используя дополнительных картинок. Удобное управление, возможность включения слайдшоу. Из минусов: Отсутствие поддержки Webkit (Хром и Сафари показыват разломанные куски). В целом, идея хорошая, но необходимо доделка. Текущая версия 2.1.
Автор: Андрей Антонов
Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 18Кб, а если очистить от комментариев и ужать, то будет в разы меньше.
Дизайн и физика движений довольно приятные, в целом скрипт довольно хорош, классика.
Leightbox
Так же основывается на prototype, но никаких визуальных эффектов не поддерживает, только затемнение. Размер скрипта 5Кб, ужатый еще меньше.
Жалкая подделка, никакой эстетики, из плюсов только то что он умеет изменять свой размер под размеры окна.
Lightview
Серьезная вещь, но к сожалению коммерческая. Работает не только с картинками, но и с видео, формами, фреймами, флешем и другим контентом. Отличный дизайн окна, приятная физика движений, возможность показа картинок слайдами. Умеет подстраиваться под размеры окна, есть возможность добавлять свои события (events), и традиционно основан на prototype и scriptaculous.
Очень хороший скрипт, его цена от 3€ до 295€ в зависимости от лицензии.
LightWindow v2.0
Мощный скрипт, имеет массу возможностей:
Поддерживает все типы медийных данных
Классная анимация
Галереи (прекрасно реализованы)
Центровка и сжатие изображений под размеры окна
и т.д.
Так же основан на prototype и scriptaculous.
Вердикт — безусловный must have. К тому же бесплатен.
Lytebox
Автор пишет что он хотел расширить возможности Lightbox и создал Lytebox, т.е. уже на стадии названия уже была ошибка и она прошла сквозь всю его работу, не зря говорят как корабль назовешь, так он и поплывет. Все расширение заключается в добавлении слайд-шоу, притом ужасной реализации.
Каким-то странным образом версия скрипта достигла v3.22. В общем оценка 3.
Lightbox+
Японская поделка, ничего выдающегося, кроме возможности увеличения картинки.
Дизайн не красивый, не удобный, физика по системе — нажал-выпрыгнуло.
iBox v2
Громкое название и только, дизайн далеко не i-style. Да и все остальное плохо при том очень, при прокрутке окно начинает прыгать, файл скритпа не заслуженно имеет размер 23Кб, возможности слабые.
GreyBox
Расчитан не только на медийный контент, но и на обычные страницы, открываемые в iframe.
Фотогалерея ужасна, при прокрутке все скачет, у обычных окон нельзя менять размеры.
Оформление в виде окна, но его нельзя перетаскивать и менять размер, глупость несусветная, в топку.
Highslide JS
Вот на этот скрипт нужно обратить внимание. Фреймворки не использует, абсолютный standalone. Главная фишка — картинка вырастает поверх всего, очень удобно и приятно смотреть. Не очень радует физика, движения прерывистые.
Скрипт хорош в ряде случаев, даже иногда необходим.
jQuery lightBox plugin
Не является отдельным скриптом, это всего лишь плагин для jQuery. Фактически 99% клон Lightbox2, с разницей в используемых фреймворках.
Достоинство — великолепная физика, спасибо jQuery.
ThickBox 3.1
Видимо разработчики до 2007 года были не в курсе существования более красивых и интересных решений, и писали свое, но теперь проект дальше не живет.
Интересного 0.
TinyBox
Использует prototype. Дизайн слабый, физики нет как и других дополнительных возможностей. Главная особенность — размер 3Кб! На этом все.
WeebBox
Just for fun был создан очередной клон Lightbox, автор прекрасно знал что изобретает велосипед, но тем не менее что-то получилось, это что-то ни сколько не дотягивает до классического Lightbox и ему равных. Все движения очень медленные и плоские, дизайн так себе, но на оценку 3 дотягивает.
FancyBox
Жемчужина коллекции, корни скритпа растут из jQuery, поэтому и физика великолепная. Открытие одиночных картинок такое же как в Highslide JS (увеличение картинки поверх всего на месте), работает очень красиво, так же масса дополнительных возможностей.
Это лучшее из всего вышеперечисленного что есть для jQuery.
Shadowbox.js
Профессиональная вещь, не для новичков. Не использует сторонних фреймворков, имеет собственный API. Возможность установки собственного flash плеера для видео.
Дизайн и физика на уровне, все качественно, но не очень просто. Разделен на несколько “плееров”: img, html, iframe, swf… С возможностью собрать себе необходимый набор плееров в один сжатый файл.
Несомненно полезная вещь для профессионалов.
jsImageBox
Очень достойная реализация all-in-one. Скрипт не использует фреймворки, размер сжатого скрипта всего 9 Кб, так же отсутствует подключаемый css, некоторые стили можно задать прямо в скрипте в настройках.
ImageBox
Моя реализация клона lightbox, с использованием jQuery.
iLOAD
Совсем свежий скрипт, реализован на фреймворке jQuery, имеет массу настроек. Особенность реализации в скругленных углах, которые «собираются» на лету не используя дополнительных картинок. Удобное управление, возможность включения слайдшоу. Из минусов: Отсутствие поддержки Webkit (Хром и Сафари показыват разломанные куски). В целом, идея хорошая, но необходимо доделка. Текущая версия 2.1.
Автор: Андрей Антонов
