воскресенье, 20 февраля 2011 г.

LightBox


Эффект Lightbox очень интересно смотрится с точки зрения веб-дизайна.Отдельный вопрос,что поисковики не очень любят JavaScript.Но такова тенденция в развитии дизайна,к тому же появился jOuery,значительно облегчающий работу веб-мастера.Тут нужно найти"соломонову середину" и все будет Ok.Во всяком случае без разнообразных еффектов интернет уже немыслим.Работает со всеми платформами(с Blogger я пока не эксперементировал).Однако через пару дней начну.
Итак какие же скрипты уже существуют из многочисленных разработок  на сегодняшний день.


Lightbox2
Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 18Кб, а если очистить от комментариев и ужать, то будет в разы меньше.


Дизайн и физика движений довольно приятные, в целом скрипт довольно хорош, классика.

Lightview
Серьезная вещь, но к сожалению коммерческая. Работает не только с картинками, но и с видео, формами, фреймами, флешем и другим контентом. Отличный дизайн окна, приятная физика движений, возможность показа картинок слайдами. Умеет подстраиваться под размеры окна, есть возможность добавлять свои события (events), и традиционно основан на prototype и scriptaculous.

Очень хороший скрипт, его цена от 3€ до 295€ в зависимости от лицензии.

LightWindow v2.0
Мощный скрипт, имеет массу возможностей:

Поддерживает все типы медийных данных
Классная анимация
Галереи (прекрасно реализованы)
Центровка и сжатие изображений под размеры окна
и т.д.
Так же основан на prototype и scriptaculous.

Вердикт — безусловный must have. К тому же бесплатен.


Lightbox+
Японская поделка, ничего выдающегося, кроме возможности увеличения картинки.
Дизайн не красивый, не удобный, физика по системе — нажал-выпрыгнуло.

iBox v2
Громкое название и только, дизайн далеко не i-style. Да и все остальное плохо при том очень, при прокрутке окно начинает прыгать, файл скритпа не заслуженно имеет размер 23Кб, возможности слабые.

GreyBox
Расчитан не только на медийный контент, но и на обычные страницы, открываемые в iframe.
Фотогалерея ужасна, при прокрутке все скачет, у обычных окон нельзя менять размеры.

Оформление в виде окна, но его нельзя перетаскивать и менять размер, глупость несусветная, в топку.


jQuery lightBox plugin
Не является отдельным скриптом, это всего лишь плагин для jQuery. Фактически 99% клон Lightbox2, с разницей в используемых фреймворках.

Достоинство — великолепная физика, спасибо jQuery.


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, некоторые стили можно задать прямо в скрипте в настройках.


iLOAD
Совсем свежий скрипт, реализован на фреймворке jQuery, имеет массу настроек. Особенность реализации в скругленных углах, которые «собираются» на лету не используя дополнительных картинок. Удобное управление, возможность включения слайдшоу. Из минусов: Отсутствие поддержки Webkit (Хром и Сафари показыват разломанные куски). В целом, идея хорошая, но необходимо доделка. Текущая версия 2.1.


Вывод : если вы веб-дизайнер вам без подобных эффектов не обойтись.Это возможность создавать динамичесие фотогаллереи,подписки всевозможного рода,опросы  и да что угодно.
Удачи вам в свершениях,есть комменты-буду рад.

LinkWithin

Related Posts Plugin for WordPress, Blogger...