mongoose (a_shapovalov) wrote,
mongoose
a_shapovalov

Слайд шоу с помощью 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>

Официальный сайт
Tags: javascript
Subscribe
  • Post a new comment

    Error

    Comments allowed for friends only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 0 comments