- Compatibility
- not tested for compatibility
- Database changes
- not required
- Author
- Skaiman
- Public domain
- yes
Описание: добавляет BB-код уменьшенного изображения, при клике по которому открывается просмотр в режиме слайдшоу с затемнением.
Для реализации использован jQuery Lightbox Plugin.
Пример использования:
Для реализации использован jQuery Lightbox Plugin.
Пример использования:
Code:
[thumb]http://i6.5cm.ru/i/hQX1.jpg[/thumb]- Installation instructions
- 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}" /> ----------[ НАЙТИ ]------------------------------------------------------------------------------ bbcode.addTag("codeSpoiler", "spoiler", null, "", ctrl); ----------[ ВСТАВИТЬ ПОСЛЕ ]--------------------------------------------------------------------- bbcode.addTag("codeThumb", "thumb", null, "", ctrl); ----------[ ОТКРЫТЬ ]---------------------------------------------------------------------------- library/language/ru/main.php ----------[ НАЙТИ ]------------------------------------------------------------------------------ $lang['URL_TITLE'] = 'Ссылка (Ctrl+W)'; ----------[ ВСТАВИТЬ ПОСЛЕ ]--------------------------------------------------------------------- $lang['THUMB'] = 'Миниатюра'; $lang['THUMB_TITLE'] = 'Миниатюра: [thumb]http://image_url[/thumb]'; ----------[ ОТКРЫТЬ ]---------------------------------------------------------------------------- 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: [thumb]http://image_url[/thumb]'; ----------[ ОТКРЫТЬ ]---------------------------------------------------------------------------- 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; } ----------[ СОХРАНИТЬ ВСЕ ]-----------------------------------------------------------------------
