(с) Duka
Плеер для просмотра изображений, весь скрипт загружен на сервер, вам лишь останется вставить в хтмл-верх 2 строчки скрипта.
Установка(очень щепетильный процесс)
1) установка самого скрипта
Ставим в HTML-верх, в самый верх, такие строки:
<script type="text/javascript" language="javascript" src="http://i.attack-line.net/f/net/attack-line/lytebox.js"></script> <link rel="stylesheet" href="http://i.attack-line.net/f/net/attack-line/lytebox.css" type="text/css" media="screen" />
2) Прикручиваем скрипт к нужному объекту
Допустим у вас в объявлении стоит ссылка на картинку:
<a href="http://www.sunhome.ru/UsersGallery/102005/26163622.JPG"" title="Наша первая картинка">Картинка1</a>
Добавляем в тег "a" следующий параметр:
2.1) К одной картинке
Если вы хотите применить к эффекту 1 картинку, то ставим в тег "a" следующее
rel="lytebox"
Т.е. должно получиться так:
<a href="http://www.sunhome.ru/UsersGallery/102005/26163622.JPG"" title="Наша первая картинка" rel="lytebox">Картинка1</a>
Тогда эффект будет лишь для одной картинки.
2.2) К нескольким картинкам
Добавляем таким же образом:
rel="lytebox[vacation]"
Ставите все картинки подряд. Таким образом у при клике на картинку скрипт посчитает кол-во картинок, и добавит к просмотрщику кнопки Вперед, Назад
2.3) Слайдшоу
Добавляем
rel="lyteshow[vacation]"
Этот эффект добавит в плеер кнопку Пауза. Плеер с некоторой периодичностью будет переключать все ваши картинки.
2.4) Добавляем фрейм (для опытных)
Добавляем
rel="lyteframe"
Пример фрейма
<a href="http://www.google.com" rel="lyteframe" title="Гугл поиск" rev="width: 400px; height: 300px; scrolling: no;">Google Search</a>
Пример скрипта смотрим здесь: http://net.a-lbb.net/
Да простит меня Duka за то что стащил картинки)))