Для начала смотрим Демо
1. Скачиваем архив с файлами
2. Закачиваем к себе на форум картинки через Менеджер картинок
3. Открываем файл slimbox2.css и меняем ссылки loading.gif, prevlabel.gif, nextlabel.gif и closelabel.gif на свои
4. Закачиваем к себе на форум остальные файлы
5. Открываем шаблон overall_header и перед </head> вставляем следующее:
- Код: Выделить всё
<script type="text/javascript" src="ваша ссылка на jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="ваша ссылка на slimbox2.js"></script>
<link rel="stylesheet" href="ваша ссылка на slimbox2.css" type="text/css" media="screen" />
Все, SlimBox готов к использованию.
Теперь необходимо добавить BB коды
Использование BBCode
- Код: Выделить всё
[slim={URL1}]{URL2}[/slim]
Замена HTML
- Код: Выделить всё
<a href="{URL1}" rel="lightbox"><img style="border: 1px solid black;" src="{URL2}" alt="" /></a>
Здесь border это обводка, если она вам не нужна, то ставьте 0px.
Текст подсказки
- Код: Выделить всё
[slim=URL миниатюры]URL полного изображения[/slim]
Это был BB код для одиночных изображений.
Теперь для галереи.
Использование BBCode
- Код: Выделить всё
[slimgroup={URL1}]{URL2}[/slimgroup]
Замена HTML
- Код: Выделить всё
<a href="{URL1}" rel="lightboxgroup"><img style="border: 1px solid black;" alt="" title="" src="{URL2}" /></a>
Текст подсказки придумайте сами
Ну вот пожалуй и всё, если что не так обращайтесь