?

Log in

No account? Create an account
smile

Слайд шоу с помощью Lightbox 2

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

Подключение:
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>

Официальный сайт
Метки:

Comments

smile

Июль 2008

Вс Пн Вт Ср Чт Пт Сб
  12345
6789101112
13141516171819
20212223242526
2728293031  
Разработано LiveJournal.com