Текущее время: 23 сен 2020, 23:16

Русская поддержка форума phpBB

Это сайт русской поддержки phpBB

Увеличение постера при клике bbcode (phpBB3, ppkbb3cker)

Аватара пользователя
Сообщения: 358
Стаж: 8 лет 6 месяцев
Карма: 30
Россия

Сообщение » 15 окт 2013, 23:46

Описание: Простой скрипт на языке JavaScript, который требуется очень часто. Действительно, обычно картинки на сайте обладают небольшим размером, чтобы не увеличивать их до такого размера, когда это смотрится уже, как минимум, некрасиво. Часто пользователи хотят увеличить картинку, и вот для их удобства и был сделан этот простой скрипт.
Результат: Кликаете на картинку. Если кликните ещё раз, то она вернётся в исходное состояние.

Установка: Заходим Администраторский раздел >> Сообщения >> BBCodes, жмём Добавить BBCode
В окне Использование BBCode:
Код: Выделить всё
[imgBox]{URL}[/imgBox]
Замена HTML:
Код: Выделить всё
<img src="{URL}" align="right" class="postImg" onclick="posterclick(this)" />
Подсказка:
Код: Выделить всё
[imgBox]Тэг для вставки постера[/imgBox]
Открыть: /styles/ваш_стиль/template/overall_header.html
До:
Код: Выделить всё
</head>
Вставить:
Код: Выделить всё
<script type="text/javascript">
var bigsize = "300"; //Размер большой картинки
var smallsize = "150"; //Размер маленькой картинки
function posterclick(im) {
  if(im.height == bigsize) im.height = smallsize;
  else im.height = bigsize;
}
</script>
Почистить кэш. Себе подругому сделаю JavaScript, всё зависит от вашнй криворукости, к примеру как на rutracker.org постеры сделаю, если не лень будет = ) Удобно и всякие нагруженные FancyBoxЫ выкинуть в топку.
Вот что вышло у нас:

Вернуться в Не большие моды, хаки, улучшения



Кто сейчас на конференции

Сейчас этот форум просматривают: нет пользователей онлайн и гости: 1