Как подключить lightbox

На ваш суд предлагаю старенький, но тем не менее работающий вариант скрипта галереи-lightbox. Основное преимущество этой версии скрипта - работа без подключения фреймворков, написан он на чистом javascript.

Как это работает? Все просто - щелкните на изображения:

Пример работы скрипта lightbox

Подключение lightbox

1) Скачать архив со скриптом lightbox и распаковать архив в папку lightbox, лежащую в корне сайта. 2) В блоке head страницы (в принципе не важно, главное до ссылок с rel="lightbox") надо вставить код: 3) Добавить rel="lightbox" для ссылок, где должен использоваться скрипт. Для настройки внешнего вида результата работы скрипта необходимо использовать файл lightbox.css.
  • одно время озадачился поиском «всплывашки» для галереи… больше всего highslide приглянулся. Тоже не требует фреймворков…
    Кой-чего из просмотренного:
    http://levik.info/javascript-lightbox-highslide-and-other.htm

    • Да, интересно.

      В планах у меня было сделать обзорную статью по всем видам и модификациям lightbox с примерами использования.

  • Сам собирался то, что есть перебрать.. Потом нашёл статью (по ссылке выше где-то ближе к концу поста упоминается), просмотрел и решил.. пускай лежит «как есть» 🙂 Видимо, руки так и не дойдут 🙂

  • Елена

    Спасибо огромное за статью! Очень помогла!

  • onik

    спс .был сайтик на джумле с неработающей joomlagalery. что б особо не мучаться навесил лайтбокс (изменив одно слово в js)

  • NMitra

    Сейчас это с помощью CSS можно сделать: ещё меньше кода получается. Код составляла сама, получилось как-то так http://shpargalkablog.ru/2011/02/modalnoe-okno-css.html . Рассчитан и под разную ширину монитора и расположен строго по центру. Что не удалось сделать — возможность перетаскивать, захватив левой клавишей мышки.

    • Спасибо, действительно отличный способ. Немного правда не кроссбраузерный и кода много, однако все равно очень интересно.

  • Добрый день! Подскажите, у меня стоит lightbox,но при увеличение, переходит на другую страницу. Посоветуйте где проблема.Спасибо.

  • Спасибо, огромное!

    Чето решил делать интернет-магазин на МодЭксе, а там куча подводных камней оказалась, в том числе при работе с картинками. Там есть внутренняя галерея, но не буду же я под каждый товар свою галерею делать 😀

    А тут бац — и с первого раза заработало именно так, как мне нужно было! Идеально. И выглядит окошко красиво.

    До этого хотел на jQuery глянуть вариант, но с jQuery знаком еще хуже, чем с js — и ничего не заработало у меня там, а в коде с незнакомым синтаксисом проблематично разбираться.

    В общем, +5 вам в карму.

  • Александр

    спасибо

  • Alex Erm

    коротко, четко, грамотно, по делу и работает!
    Спасибо!