Фев 13

Как создать слайдшоу на сайте с помощью Light Box 2?

Lightbox — JS библиотека для создания слайд шоу, которая использует JS библиотеки Prototype и Scriptaculous.

Как создать слайдшоу на сайте с помощью Light Box 2:

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

При этом, особенность этого скрипта заключается в том, что с помощью него на одной странице сайта можно разместить сколько угодно слайдшоу!

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

1. Подключить три *.js скрипта

<script src="/js/prototype.js" type="text/javascript"></script>

<script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script>

<script src="/js/lightbox.js" type="text/javascript"></script>

2. Подключить один *.css файл

<link rel="stylesheet" href="/lightbox.css" type="text/css" media="screen" />

3. Загрузить картинки для кнопок «Назад», «Далее», «Закрыть», пустой кнопки и индикатора загрузки (кнопка «Закрыть» и индикатор загрузки описываются в lightbox.js остальное в lightbox.css)

Использование:

Добавляем rel="lightbox" атрибут тега ссылки («a»)

пример:

<a  title="Изпользуйте клавиши &quot;вправо&quot; и &quot;влево&quot; для навигации"  rel="lightbox" href="pic.gif"><img alt="« src=»pic_small.gif"></a>

Возможно, Вам будет полезна эта информация:

  1. CamSpace — программа с помощью которой можно управлять компьютерными приложениями (в основном играми) с помощью жестов или движений предметами
  2. Как создать сайт за час – скачать бесплатно видеокурс
  3. 5 способов создать свой сайт


2 комментария к “Как создать слайдшоу на сайте с помощью Light Box 2?”

  1. 1
    1. Кирил Смирнов пишет:

    Очень хороший и полезный урок, большое спасибо

  2. 2
    2. mrs.interesno пишет:

    Простое и удобное слайдшоу. Надо попробовать на блог свой поставить.

Написать ответ