-Цитатник

Фальсификации выборов президента: как это делается - (0)

Фальсификации выборов президента: как это делается Не смотря на огромное количество нарушений ...

АЛЫЕ ПАРУСА В ПЕТЕРБУРГЕ - (0)

«Алые паруса» — один из самых известных праздников в Северной столице, ...

Владимир Румянцев.Ангелы и коты - (0)

Владимир Румянцев.Ангелы и коты. Владимир Румянцев родился в 1957 году, рисовать начал в ...

фото Санкт-Петербурга - (0)

Санкт-Петербург Санкт-Петербург невероятно красивый город, думаю даже коренным "питерцам" будет и...

Ближневосточная проблема - простое объяснение за пять минут - (0)

Ближневосточная проблема - простое объяснение за пять минут  простое объяснение ближневосточ...

 -Фотоальбом

Посмотреть все фотографии серии природа фото Andy Mumford
природа фото Andy Mumford
05:54 16.05.2009
Фотографий: 40
Посмотреть все фотографии серии Общая
Общая
04:52 16.05.2009
Фотографий: 1
Посмотреть все фотографии серии позитиф
позитиф
03:00 01.01.1970
Фотографий: 0

 -Я - фотограф

 -Поиск по дневнику

Поиск сообщений в spacesite

 -Подписка по e-mail

 

 -Интересы

создание сайта продвижение сайтов авто бизнес

 -Сообщества

Читатель сообществ (Всего в списке: 1) Photoshopinka

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 15.05.2009
Записей:
Комментариев:
Написано: 1213

Lightbox и его клоны

Дневник

Четверг, 21 Января 2010 г. 04:43 + в цитатник

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

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

 

source http://dustweb.ru/log/2008/07/17/lightbox_n_clones/

Рубрики:  Рабочее
Создание сайта

Метки:  

 Страницы: [1]