Lightbox и bbcode

lightbox в блогах и на форуме

#1 14 марта 2012 в 23:48

Блог мне не положен по статусу. Но решил поделится своим решением мучившего меня вопроса.
При добавлении изображения в пост блога или форума, bbcode по умолчанию не обрабатывает картинки размером меньше 640х640px. Но и те изображения, которые "попали под обработку", при клике по ним открывались в новой вкладке. Что, естественно, не может радовать. Хочется что бы было так, как это реализовано в Каталоге.
Решение:

Открываем файл includes/bbcode/bbcode.lib.php
строка 1187

while ($width > 240 || $height > 240)

выставляем свои размеры изображения

строка 1195
блок else, всё что внутри фигурных скобок меняем на

$html = '<div class="lightbox-enabled" style="width:'.$width.'px">'."\n";
						$html .= '<div><a class="lightbox-enabled" target="_blank" href="'.htmlspecialchars($src).'" rel="lightbox"><img src="'.htmlspecialchars($src).'" '.$attr.' width="'.$width.'" height="'.$height.'" border="0"/></a></div>'."\n";
						$html .= '<div class="lightbox_text">Увеличить.</div>'."\n";
					$html .= '</div>';
					return $html;

Сохраняем.
Открываем index.php Вашего шаблона. Между тегами head вставляем

<script language="JavaScript" type="text/javascript" src="/includes/jquery/lightbox/js/jquery.lightbox.js"></script>
     <link href="/includes/jquery/lightbox/css/jquery.lightbox.css" rel="stylesheet" type="text/css" />

Решение, конечно, не совсем правильное, но "кивирятся" уже надоело.
Сохраняем.
Открываем styles.css Вашего шаблона и добавляем

.lightbox_text{
	padding:2px; color:#FFFFFF; text-align:center;
	background:#1a1a1a;
}

Сохраняем, добавляем в блог или на форум новый пост с большим изображением и смотрим на результат.
Сделано на версии 1.9

Кто может победить других - силен, кто может победить себя - воистину всемогущ

Возможно ли в CSS?

Как удалить в профиле кнопку "

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Lightbox и bbcode

InstantCMS Team

О проекте

Поддержка

Дополнения