Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Lytebox!


Lytebox!

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

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

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

Отредактировано Duka (Вс, 1 Мар 2009 14:53:11)

+3

2

Скрипт рулиииз :cool: :cool::cool::cool::cool::cool::cool:

я даже нашел ему применение на своем форуме

вот Гляньте

0

3

Вы меня не знаете и я вас
угу, красиво смотрится, но вы можете еще подписать каждую картинку, добавить к тегу "a" title="твой текст"

+1

4

Вы меня не знаете и я вас
просто много текст отпунивает народ, можно в 2х словах объяснить, но я поставался расскать все его достоинства

0

5

Duka
Пасяб! +!

0

6

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

Ставите все картинки подряд.

Э-э... Не понял куда...

Код:
<a href="ссылка" title="лываожр" rel="lyteshow[vacation]" >Картинка и не только</a>

Куда пихать ссылку второй (и третьей и т.д.) картинки?

0

7

:idea:
Duka
А мона так чат сделать? А видео с Рутуб туда мона кинуть?
Добавлено:
А как это можно приминить на форуме?..

Отредактировано Stam54321 (Вт, 8 Апр 2008 12:34:15)

0

8

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

Э-э... Не понял куда...

<a href="раз" title="лываожр" rel="lyteshow[vacation]" >Картинка и не только</a>
<a href="два" title="лываожр" rel="lyteshow[vacation]" ></a>
<a href="три" title="лываожр" rel="lyteshow[vacation]" ></a>
<a href="четыре" title="лываожр" rel="lyteshow[vacation]" ></a>
<a href="пять" title="лываожр" rel="lyteshow[vacation]" ></a>
<a href="шесть" title="лываожр" rel="lyteshow[vacation]" ></a>

0

9

Duka
Пасиб!
А это?

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

А мона так чат сделать? А видео с Рутуб туда мона кинуть?

0

10

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

А как это можно приминить на форуме?..

я же написал четко в первом посте, как запустят полноразмерную загрузку изображений, напишу скрипт и для этого

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

А мона так чат сделать? А видео с Рутуб туда мона кинуть?

попробуй.. фреймами замутити... ток в постах никак не получится

+1

11

Duka
чуть не забыл
с меня +

0


Вы здесь » Единый форум поддержки » Корзина » Lytebox!