[hack] HighSlide для картинок

[raptor]

Искал себе такой мод, но оказалось, что в основном все моды с Lightbox, пришлось накарябать. (мож кому тоже пригодится).

Вобщем продукт добавляет эффект HighSlide (не путать с Lightbox-ом) при просмотре картинок.
В принципе то же самое, что и Lightbox, толко пошустрее.
В редактор добавляется BB код .

Установка обычная:
1. Распаковать архив и залить файлы на форум.
2. Импортировать XML через админку.
3. Зайти в BB коды и активировать новый BB код.

размер превьюшек выставлен на размер 150 х Х. (можно поменять в XML)
для остального паровоза настроек курить сайт - Для просмотра ссылки Войди или Зарегистрируйся
финиш.

 

[raptor]

чтобы не добавлять в редактор лишние BB-коды, а просто добавить эффект HighSlide к стандартным, делаем следующее...

1. выкидываем **х продукт (HighSlide_v1.01)
2. открываем файл - class_bbcode.php
3. находим код:

return '<img src="' .  $link . '" border="0" alt="" />';

меняем на:

return '<div><a href="'.$link .'" rel="highslide"><img src="' .  $link . '" width="150" border="0" alt="" /></a></div>';

5. загружаем библу hs.js и hs.css в нужную директорию
6. добавляем в шаб

<link rel="stylesheet" href="clientscript/vbulletin_css/hs.css" type="text/css" media="screen" />
<script type="text/javascript" src="clientscript/hs.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'tpl/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
hs.showCredits = false;
hs.expandDuration = 250;
hs.loadingText = 'Загрузка...';
hs.loadingTitle = 'Закрыть';
hs.anchor = 'auto';
hs.align = 'center';
hs.transitions = ["expand"];
hs.dimmingOpacity = 0.8;
</script>

enjoy result
стандартный BB-код (IMG) теперь будет работать с эффетом highslide
------------------------------------------------------
в принципе те же яйца для приаттаченых картинок (миниатюрки)
1. закидываем библу и css в соответствующие директории.
2. открываем шаб и прикручиваем код, указанный выше.

3. далее там же находим код:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>>

и меняем на:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]" rel="highslide"<if condition="$show['newwindow']"> rel="highslide"</if>>

сохраняем и радуемся жизни.
финиш.

 

[raptor]

вообще если по сути, то все, что достаточно знать (не вдаваясь в подробности) это магический аппендикс rel="highslide".

если нужно открыть какую либо хрень с данным эффектом, то просто находим соответствующее место в шаблоне и добавляем этот мега-аппендицит...