Фев
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="Изпользуйте клавиши "вправо" и "влево" для навигации" rel="lightbox" href="pic.gif"><img alt="« src=»pic_small.gif"></a>
Возможно, Вам будет полезна эта информация:
- CamSpace — программа с помощью которой можно управлять компьютерными приложениями (в основном играми) с помощью жестов или движений предметами
- Как создать сайт за час – скачать бесплатно видеокурс
- 5 способов создать свой сайт
Очень хороший и полезный урок, большое спасибо
Простое и удобное слайдшоу. Надо попробовать на блог свой поставить.