Автор: Duka
Реализовал для MyBB такой некий плеер для просмотра изображений, весь скрипт загрузил к себе на сервер, вам лишь останется вставить в хтмл-верх 2 строчки скрипта.
Установка(очень щепетильный процесс)
1) установка самого скрипта.
<script type="text/javascript" language="javascript" src="http://i.rusff.ru/f/ru/rusff/lytebox.js"></script> <link rel="stylesheet" href="http://i.rusff.ru/f/ru/rusff/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>
Есть некоторые замечания по поводу браузера IE 6.0 SP2, если будут проблемы, попробую оптимизировать скрипт и к нему.
Кнопки и скрипт выполнены в стандартном темном варианте.
Если немного разобраться(а разбираться тут нечего), то вы можете немного преобразить свой форум.
Что в планах:
1) Реализация цветовой схемы между цветами: grey, red, green, blue, gold индивидуально для каждого форума.
2) Оптимизация к приаттаченым изображениям на форуме( прикрепленные изображения)
Где посмотреть демо?
Здесьфотогалерея и слайд-шоу)