Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Плеер Lytebox

Сообщений 1 страница 5 из 5

1

Реализовал для MyBB такой некий плеер для просмотра изображений, весь скрипт загрузил к себе на сервер, вам лишь останется вставить в хтмл-верх 2 строчки скрипта.

Установка(очень щепетильный процесс)
1) установка самого скрипта
Ставим в HTML-верх, в самый верх, такие строки:

Код:
<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) Оптимизация к приаттаченым изображениям на форуме( прикрепленные изображения)

Где посмотреть демо?
http://tests.rusff.org.ru/

Все ваши вопросы и пожелания можете задавать в этой теме.

Теги: Скрипты и дополнения, Видео/музыка/файлы

+2

2

+

0

3

Чего случилось со скриптом? Отказывается работать, а очень нужен.

0

4

Diesel, разве он еще актуален?
я просто его удалил

0

5

Duka написал(а):

Diesel, разве он еще актуален?я просто его удалил

еще как http://support.rusff.ru/uploads/0005/ac/ce/29954-2.gif

0



Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC