Наверное многие хотели сделать на форуме свою галерею изображений. С модным предварительным просмотром, когда затемняется экран и начинается слайд-шоу. Теперь это возможно сделать и на ForumBB.
Установка.
Чтобы установить себе на форум галерею изображений, достаточно поставить:
В ХТМЛ-низ
<script type="text/javascript" language="javascript" src="http://katalog-fbb.narod.ru/litetbox/lytebox.js"></script> <link rel="stylesheet" href="http://katalog-fbb.narod.ru/litetbox/lytebox.css" type="text/css" media="screen" />
И туда, где собственно Вы хотели бы увидеть галерею:
<a href="http://s46.radikal.ru/i112/0912/a6/505d8a865599.jpg" rel="lyteshow[vacation]">1 изображение</a> <a href="http://i065.radikal.ru/0912/80/811bc72fbef6.jpg" rel="lyteshow[vacation]">2 Изображение</a> <a href="http://i076.radikal.ru/0912/89/ad4a4db044ac.jpg" rel="lyteshow[vacation]">3 Изображение</a>
Заполнение.
1 часть трогать не нужно. Установите её без изменений.
Наполнять Вы будете только вторую часть кода.
Во-первых, добавлять можно неограниченное число изображений. Для этого достаточно лишь размножать строчку:
<a href="http://s46.radikal.ru/i112/0912/a6/505d8a865599.jpg" rel="lyteshow[vacation]">1 изображение</a>
Во-вторых, вместо слов "1 изображение", "2 изображение" и так далее можно писать что угодно. Применим любой HTML.
В-третьих, можно настроить стиль самой галереи.
Для этого давайте внимательно рассмотрим код:
<a href="http://s46.radikal.ru/i112/0912/a6/505d8a865599.jpg" rel="lyteshow[vacation]" >1 изображение</a>
Посмотрите на выделенное красным слово. Именно вместо него можно поставить один из следующих вариантов:
rel="lytebox" - если у Вас одно изображение на форуме, тогда ставьте это.
rel="lytebox[vacation]" - аналогично, но если у Вас два или более изображений.
rel="lyteshow[vacation] - Вы можете сделать Слайд шоу из Ваших картинок. То есть автоматически одна картинка будет сменяться следующей. Можно остановить этот процесс, запустить снова, перемотать назад/вперёд и так далее. Все кнопку будут доступны уже при просмотре слайд шоу.
rel="lyteframe" - создаст фрейм (что такое фрейм - узнавайте в любом поисковике).
В-четвёртых, для каждого изображения можно поставить описание. Для этого просто добавьте в код то, что выделено красным ниже:
<a href="http://s46.radikal.ru/i112/0912/a6/505d8a865599.jpg" rel="lyteshow[vacation]" title="Описание">1 изображение</a>
Отредактировано Admin (14.01.2010 02:38:28)