Pull to refresh

Lightbox JS v2.0

Ajax *
Lightbox JS – простой JS скрипт, отображающий изображения на текущей странице. Легко и быстро настраиваемый и работает во всех современных браузерах.

Lightbox JS v2.0

Читать дальше →
Total votes 67: ↑58 and ↓9 +49
Views 89K
Comments 66

Lightbox проблема с серваком?

Lumber room
Привет всем) Долго я ждал этого блога, и вот, наконец напишу первый вопрос в него)
Есть скрипт всем известный — lightbox. Сделал окно, какое мне надо, протестил, все работает ок. Выкладываю на сервак, вот что вижу…
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Views 600
Comments 12

Lightwindow — функциональный клон Lightbox

Website development *

Основное отличие от оригинала в том, что Lightwindow позволяет просматривать не толко картинки, но и практически все что угодно:
  • Media: Movies, Flash (с «подгонкой» под размер окна), PDF..
  • Веб страниц (включая, по внешней ссылке)
  • Формы
  • … любой веб-контент
Читать дальше →
Total votes 15: ↑11 and ↓4 +7
Views 2K
Comments 23

Shadowbox.js

Lumber room
Король среди всех Lightbox клонов.

Коротко о Lightbox

Это скрипт написанный на JavaScript который добавляет на сайт визуальный эффект увеличения изображения в виде окна.

Коротко о Shadowbox.js

Красивый, удобный, мульти-язычный, гибкий и быстрый Lightbox. Легко подключается, работает во всех современных браузерах. Имеет хорошую документацию и адаптируется под большинство JavaScript библиотек. Сам скрипт может быть самостоятелен и не требует подключения других библиотек.

Прошу любить и жаловать: тык.

P.S. Если вы захотите я смогу написать более подробно как работать с данной прелестью.
P.S.2 Данный продукт в отличии от Lightview бесплатен, и не требует покупки лицензии.
Total votes 17: ↑16 and ↓1 +15
Views 1.3K
Comments 15

JsImageBox — легкий аналог LightBox

JavaScript *
jsImageBox — компактный, легкий в подключении скрипт, аналог lightbox. Позволяет показывать увеличенные изображения во всплывающем блоке.

Код скрипта занимает всего 9кб.

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

Бесплатен. (лицензия GPL)

Изначально разрабатывался для собственного использования.

Сайт проекта JSImageBox — JavaScript галерея
Total votes 43: ↑38 and ↓5 +33
Views 7.6K
Comments 48

CKEditor + jquery.fancybox/prototype.lightbox или вариант простой фотогалереи

Website development *
В свет вышел релиз CKEditor 3.0.1, значит надо что нибудь добавить :)
Я уже делал подобное совмещение(если это можно так назвать) для прошлой версии, для текущей подобное совсем не составляет труда.
Точнее, непосредственно при редактировании текста делать ссылку -> изображение для открытия без перезагрузки большого изображения, и для контент заполнителей было легко и интуитивно понятно.
Читать дальше →
Total votes 11: ↑8 and ↓3 +5
Views 3.4K
Comments 2

Pirobox — хорошая альтернатива jQuery Lightbox

Website development *
Pirobox — легкий и быстрый скрипт галереи на jQuery.

Автор скрипта итальянец Diego Valobra (http://www.diegovalobra.com), талантливый человек.
В сжатом виде скрипт весит всего 10Кб, есть несколько тем внешнего вида, слайдшоу, корректная работа с PNG, клавиатурная навигация, проверка состояния ссылок (битая/не битая), возможность открыть картинку в новом окне.

На данный момент последняя версия — 1.2.2.

Официальный сайт
Скачать
Demo
Total votes 50: ↑39 and ↓11 +28
Views 20K
Comments 30

Создаем эффект lightbox при помощи CSS3

CSS *
Translation

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

С помощью псевдо-класса :target, мы сможем показывать изображения и переходить по ним.

Красивые изображения, используемые в демо-примерах, от Joanna Kustra, они используются на условиях лицензии Attribution-NonCommercial 3.0 Unported Creative Commons License.
Читать дальше →
Total votes 47: ↑40 and ↓7 +33
Views 29K
Comments 19

Создание лайтбокса для сенсорного интерфейса на HTML5

CSS *HTML *
Tutorial
Translation
Stephen Woods, фронтэнд-инженер в Flickr, объясняет, как создать простой лайтбокс с поддержкой жестов и дает советы для улучшения восприятия и производительности сенсорных интерфейсов.



Необходимые знания: средний уровень CSS, средний-продвинутый уровень JavaScript
Требования: Android или IOS устройство
Временные затраты: 2-3 часа
Скачать исходники
Просмотр демонстрации
Читать дальше →
Total votes 16: ↑14 and ↓2 +12
Views 5.4K
Comments 11

Улучшаем показ изображений в режиме Dynamic View — Classic на Blogger'е

Media management *
Все кто использует Dynamic View на Blogger'е наверняка заметили, что загрузка содержимого страницы длится невероятно долго. А начиная с 5-ти постов начинает еще и глючить. Дизайн, который был кропотливо настроен, не накладывается на страницу.
как я это случайно исправил
Total votes 7: ↑6 and ↓1 +5
Views 2.2K
Comments 0

LightBox с точки зрения UX/UI и как он меняет продукты

Россельхозбанк corporate blog Web design *Interfaces *Usability *Design
image

В Экосистеме РСХБ мы создаем инновационные продукты для сельского хозяйства.
Для их разработки мы решили использовать подход мировых компаний в области UX/UI.
Чтобы не повторять ошибки конкурентов и создать полноценную экосистему.
Основой всех продуктов экосистемы стал LightBox, который является сквозным функциональным дизайн-решением. Например, в проекте для фермеров, мы решаем насущные проблемы и вопросы фермера в одном окне и кроме маркетплейса товаров предоставляем большое число услуг
и сервисов.
Сложность проекта заключается в объединении в одном портале разных сценариев и ролей.
Читать дальше →
Total votes 7: ↑6 and ↓1 +5
Views 7K
Comments 16