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

Тема в разделе "vBulletin", создана пользователем raptor, 7 дек 2008.

Статус темы:
Закрыта.
  1. raptor

    raptor Постоялец

    Регистр.:
    19 фев 2008
    Сообщения:
    70
    Симпатии:
    4
    Искал себе такой мод, но оказалось, что в основном все моды с Lightbox, пришлось накарябать. (мож кому тоже пригодится).

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

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

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

    Вложения:

    orfo нравится это.
  2. raptor

    raptor Постоялец

    Регистр.:
    19 фев 2008
    Сообщения:
    70
    Симпатии:
    4
    чтобы не добавлять в редактор лишние BB-коды, а просто добавить эффект HighSlide к стандартным, делаем следующее...

    1. выкидываем **х продукт (HighSlide_v1.01)
    2. открываем файл - class_bbcode.php
    3. находим код:
    PHP:
    return '<img src="' .  $link '" border="0" alt="" />'
    меняем на:
    PHP:
    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>>
    сохраняем и радуемся жизни.
    финиш.
     
  3. raptor

    raptor Постоялец

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

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