Блог web-разработчика

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

Категория 7 мая 2010 in javascript

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

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

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

1) Скачать архив со скриптом lightbox и распаковать архив в папку lightbox, лежащую в корне сайта. 2) В блоке head страницы (в принципе не важно, главное до ссылок с rel="lightbox") надо вставить код:

<script type="text/javascript" src="/lightbox/lightbox.js"></script>
<link rel="stylesheet" href="/lightbox/lightbox.css" type="text/css" />

3) Добавить rel="lightbox" для ссылок, где должен использоваться скрипт. Для настройки внешнего вида результата работы скрипта необходимо использовать файл lightbox.css.

5 Ответов на “Как подключить lightbox”

1. Levik сказал:
   августа 24, 2010 at 21:46

   одно время озадачился поиском «всплывашки» для галереи… больше всего highslide приглянулся. Тоже не требует фреймворков…
   Кой-чего из просмотренного:
   http://levik.info/javascript-lightbox-highslide-and-other.htm

2. mgordeev сказал:
   августа 24, 2010 at 21:56

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

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

3. Levik сказал:
   августа 25, 2010 at 11:33

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

4. Елена сказал:
   октября 11, 2010 at 16:07

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

5. onik сказал:
   декабря 12, 2010 at 21:30

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

Оставить комментарий

Вы можете подписаться на RSS ленту комментариев.

Имя (обязательно)

Почта (не публикуется) (обязательно)

Сайт

Оставьте поле пустым