Заметки программиста

Очень популярным стало открытие картинки на сайте в слое поверх всего, не открывая дополнительных окон. Удобно, красиво, быстро, вобщем супер, но не все скрипты для этого одинаково полезны. Родоначальником был 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… С возможностью собрать себе необходимый набор плееров в один сжатый файл.

Несомненно полезная вещь для профессионалов.

UPD

jsImageBox на сайт

Спасибо c0rr за его дополнение, очень достойная реализация all-in-one. Скрипт не использует фреймворки, размер сжатого скрипта всего 9 Кб, так же отсутствует подключаемый css, некоторые стили можно задать прямо в скрипте в настройках.

ImageBox на сайт

Моя реализация клона lightbox, с использованием jQuery.

iLOAD на сайт

Скрипт не использует сторонних фреймворков, работает только с изображениями. Обладает хорошей скоростью и очень приятной анимацией. Малый размер скрипта, а за счет использования спрайтов, сокращается время загрузки элементов оформления. Скрипт пережил несколько переработок и рекомендуется к использованию. Бесплатен.