BB-код: Thumbnail Image 1.0.1

Добавление слайдшоу для изображений.

  1. Skaiman
    Совместимость:
    не проверялся на совместимость
    Изменения в БД:
    не требуются
    Автор:
    Skaiman
    Общественное достояние:
    нет
    Описание: добавляет BB-код уменьшенного изображения, при клике по которому открывается просмотр в режиме слайдшоу с затемнением.
    Для реализации использован jQuery Lightbox Plugin.

    Пример использования:
    Код:
    [thumb]http://i6.5cm.ru/i/hQX1.jpg[/thumb]
    Инструкция по установке:
    PHP:
    ----------[ ЗАГРУЗИТЬ ]--------------------------------------------------------------------------

    Папку library

    ----------[ ОТКРЫТЬ ]----------------------------------------------------------------------------

    library/includes/bbcode.php

    ----------[ НАЙТИ ]------------------------------------------------------------------------------

    // Image

    ----------[ ВСТАВИТЬ ДО ]------------------------------------------------------------------------

    // Thumb
    $bbcode_tpl['thumb'] = <<<HTML
    <a href="\\1" data-rel="lightcase:myCollection:slideshow"><img src="\\1" class="light_img" title="Клик для увеличения"></a>
    HTML;

    ----------[ 
    НАЙТИ ]------------------------------------------------------------------------------

      
    '#\[font="([\w\- \']+)"\]#isu'  => '<span style="font-family: $1;">',

    ----------[ 
    ВСТАВИТЬ ПОСЛЕ ]---------------------------------------------------------------------

      
    "#\[thumb\]($img_exp)\[/thumb\]\s*#i"  => $tpl['thumb'],

    ----------[ 
    ОТКРЫТЬ ]----------------------------------------------------------------------------

    styles/templates/default/posting_editor.tpl

    ----------[ НАЙТИ ]------------------------------------------------------------------------------

    <
    input type="button" value="{L_SPOILER}" name="codeSpoiler" title="{L_SPOILER}" style="width: 65px;" />

    ----------[ 
    ВСТАВИТЬ ПОСЛЕ ]---------------------------------------------------------------------

    <
    input type="button" value="{L_THUMB}" name="codeThumb" title="{L_THUMB_TITLE}" style="width: 50px" />

    ----------[ 
    НАЙТИ ]------------------------------------------------------------------------------

    bbcode.addTag("codeSpoiler""spoiler"null"",  ctrl);

    ----------[ 
    ВСТАВИТЬ ПОСЛЕ ]---------------------------------------------------------------------

    bbcode.addTag("codeThumb""thumb"null"T"ctrl);

    ----------[ 
    ОТКРЫТЬ ]----------------------------------------------------------------------------

    library/language/ru/main.php

    ----------[ НАЙТИ ]------------------------------------------------------------------------------

    $lang['URL_TITLE'] = 'Ссылка (Ctrl+W)';

    ----------[ 
    ВСТАВИТЬ ПОСЛЕ ]---------------------------------------------------------------------

    $lang['THUMB'] = 'Thumb';
    $lang['THUMB_TITLE'] = 'Уменьшенное изображение (Ctrl+T)';

    ----------[ 
    ОТКРЫТЬ ]----------------------------------------------------------------------------

    library/language/en/main.php

    ----------[ НАЙТИ ]------------------------------------------------------------------------------

    $lang['URL_TITLE'] = 'Insert URL: [url]http://url[/url] or [url=http://url]URL text[/url] (Ctrl+W)';

    ----------[ 
    ВСТАВИТЬ ПОСЛЕ ]---------------------------------------------------------------------

    $lang['THUMB'] = 'Thumb';
    $lang['THUMB_TITLE'] = 'Thumbnail image (Ctrl+T)';

    ----------[ 
    ОТКРЫТЬ ]----------------------------------------------------------------------------

    styles/templates/default/page_header.tpl

    ----------[ НАЙТИ ]------------------------------------------------------------------------------

    <!-- IF 
    INCLUDE_BBCODE_JS -->

    ----------[ 
    ВСТАВИТЬ ДО ]------------------------------------------------------------------------

    <
    link rel="stylesheet" type="text/css" href="{SITE_URL}library/lightcase/css/lightcase.css" />
    <
    script type="text/javascript" src="{SITE_URL}library/lightcase/js/lightcase.js"></script>
    <script type="text/javascript">
      jQuery(document).ready(function($) {
      $('a[data-rel^=lightcase]').lightcase();
      });
    </script>

    ----------[ ОТКРЫТЬ ]----------------------------------------------------------------------------

    styles/templates/default/css/main.css

    ----------[ В КОНЕЦ ВСТАВИТЬ ]-------------------------------------------------------------------

    [class*="lightcase-icon-"]::before
    {
      text-decoration: none;
    }
    .light_img
    {
      max-width: 200px;
      max-height: 100px;
      margin: 5px;
    }
    ----------[ СОХРАНИТЬ ВСЕ ]-----------------------------------------------------------------------
    ExPlayer и Exile нравится это.

Последние обнoвления

  1. Исправление ошибки

Пoследние рецензии

  1. Анонимный пользователь
  2. dotWizard
    dotWizard
    5/5,
    Версия: 1.0.0 fix
    Удобный мод, прост в настройке.