1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

xenColorBox как альтернатива HiSlide'у

Тема в разделе "Основные вопросы по XenForo", создана пользователем r4mZeS, 16 окт 2010.

Загрузка
  1. r4mZeS

    r4mZeS Местный

    Регистрация:
    10.10.10
    Сообщения:
    240
    Симпатии:
    194
    Возниклазатея прикрутить к "ксюхе" ColorBox. Некоторые зададутся вопросом, а нафига, есть же HiSlide? Да, есть, но на мой взгляд, он слишком "крут и монструозен", по крайней мере, для меня лично. Да и, думаю, некоторым так же как и мне, не нужно столько функционала от либы, призванной лишь красиво выводить изображение(я), самый малый вес *packed.js Hislide`а составляет 25kb и это не считая css`ника и батонов которые он тянет за собой! Ладно, хватит доводов, кому будет интересно, сам разберётся в конце концов, что ему по душе. ;)
    Так вот, что мною было сделано:
    1. В директорию ./forum/js/ были распакованны собственно основные элементы, которые для этого потребовались (они в прикреплённом файле)
    2. Далее, в конец шаба 'page_container_js_head', был добавлен следующий код, где мы подключили стайл и саму либу:
    Код:
    <script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
    <link rel="stylesheet" type="text/css" href="js/colorbox/colorbox.css" media="screen" />
    <script>
    $(document).ready(function(){
    $("a[rel='r4mzesBox']").colorbox();
    });
    </script>
    
    3. Теперь, в шаблоне 'attached_files', меняем этот кусок:
    Код:
    <div class="thumbnail">
    <a href="{xen:link attachments, $attachment}" target="_blank">
    <img src="{xen:if $attachment.thumbnailUrl, $attachment.thumbnailUrl, '@imagePath/xenforo/widgets/page.png'}" alt="{$attachment.filename}" />
    </a>
    </div>
    
    на этот
    Код:
    <div class="thumbnail">
    <a href="{xen:link attachments, $attachment}" rel="r4mzesBox" target="_blank">
    <img src="{xen:if $attachment.thumbnailUrl, $attachment.thumbnailUrl, '@imagePath/xenforo/widgets/page.png'}" alt="{$attachment.filename}" />
    </a>
    </div>
    
    (собсно, всё, что было добавлено, это собственный rel-указатель: rel="r4mzesBox" , весь блок же привел лишь для удобства поиска)

    Это вобщем-то всё. Но... при ллике на приаттаченное изображение, ColorBox уходит в "задумчивое" состояние. =)
    [​IMG]

    Вопрос, нахрена на скриншоте описание на аглицком? Отвечаю, на всякий случай продублировал тему на оф.форуме, то там полная тишина по этому поводу.
    Собсно вопрос, у кого есть какие мысли, как заставить эту хрень работать? Ребят, давайте всем миром допилим этот хак, одна голова хорошо, а ... лучше. =)
    p.s. Вообще странно, до этого не раз использовал эту либу в различных проектах, здесь же, почему то не хочет работать.
     

    Вложения:

    • colorbox.zip
      Размер файла:
      17,6 КБ
      Просмотров:
      2
  2. Pepelac

    Pepelac Продам луц в бутылках Команда форума

    Регистрация:
    28.09.10
    Сообщения:
    1.794
    Симпатии:
    1.349
    есть где посмотреть на работающем сайте? или же только локалка?
     
  3. r4mZeS

    r4mZeS Местный

    Регистрация:
    10.10.10
    Сообщения:
    240
    Симпатии:
    194
    Пока только локалка. Если потребуется, без проблем смастерю хост под это дело ;)
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Эх, был бы плагин, чтобы не надо было шаблоны править. Интересно, fancybox-ом там можно это всё дело заменить? :)
     
  5. r4mZeS

    r4mZeS Местный

    Регистрация:
    10.10.10
    Сообщения:
    240
    Симпатии:
    194
    Нет, такой же косяк. Пробовал.
     

Поделиться этой страницей