[3.8.x]

BB код [thumbnail] позволяет вставлять изображения в виде превью в пределах вашего сообщения. Присутствует возможность увеличивать изображение нажатием на него, а также просматривать несколько изображений в виде слайдшоу.

Версия форума: 3.7.х - 3.8.х
Основа: плагин Highslide JS 4.1.9
Автор: YURSHAT

Данный хак основан на JavaScript плагине Highslide JS. Принцип следующий:
вы заливаете изображение на любой фотохостинг и вставляете полученный после заливки адрес в теги [thumbnail].
Пример: [thumbnail]http://вашакартина.png[/thumbnail].
Залив таким способом несколько изображений, вы получаете их в виде превью. Кликнув на одно изображение, вы можете просмотреть все изображения находящиеся рядом (заключенные в данные теги). Есть возможность просмотра в виде слайдшоу.

В админ панели имеется небольшой ряд настроек:
1. Включение и отключение хака.
2. Возможность задать максимальную высоту и ширину превью.
3. Включить/выключить затемнение страницы при просмотре изображений.
4. Задать стиль просмотра изображений. Доступно два стиля: темный и светлый.

Скриншоты:
Миниатюры в постбите Жмякнуть

Просмотр изображений с включенным темным стилем Жмякнуть

Просмотр изображений с включенным светлым стилем Жмякнуть

Настройки в админ панели Жмякнуть

Порядок установки:
1. Залить в корень форума содержимое папки upload.
2. Импортировать продукт в нужной кодировке.
3. По желанию настроить и использовать

ПРИМЕЧАНИЕ:
В продукте имеется выключенный по умолчанию модуль BB код [thumbnail]: Downloads. Данный модуль предназначен тем, кто использует файловый архив Downloads II. Если вы используете данный ФА и хотите вставлять скриншоты в описание файлов, вам будет необходимо добавить один хук в данный ФА. Порядок установки следующий:

1. В корне форума находим скрипт downloads.php. Открываем и ищем строки

PHP Code:

}
else if ($_GET['do'] == 'assignuser') 


Выше вставляем строку

PHP Code:

($hook = vBulletinHook::fetch_hook('dl_file_complete')) ? eval($hook) : false; 


Далее, идем по пути includes/xml. Открываем файл hooks_downloadsII.xml и вставляем после строки

<hook>dl_post_download</hook>

строчку

<hook>dl_file_complete</hook>

. Все, махинации завершены, в описании файлов можно использовать скриншоты в теге [thumbnail].

PS. Редактирование файлов ФА связано с тем, что джава скрипты тега грузятся только на тех скриптах, где могут быть использованы. Я считаю грузить их глобально нецелесообразным. К тому же данный хук возможно пригодится вам в будущем, то есть на него можно повесить скажем ВВ код спойлер, который также не работает в ФА.

ЗЫ. В аттаче прикрепляю архив с необходимыми файлами и продуктами в двух кодировках. Приятного использования

---

Обновление 28.08.2011
[+] Добавлена поддержка блока "Новости" в vBa CMPS. Для работы тега, необходимо в админке, включить модуль "BB код [thumbnail]: vBa CMPS"
[+] Добавлена поддержка многоязычности.

Для обновления, перезалить файлы из архива и обновить продукт (изменены некоторые модули и шаблон).

пожалуйста обьясни как сделать правильное отображение в vba блоке новостей
код:

<a href="http://img42.imageshack.us/img42/4484/creativesoundblastertacf.jpg" title="Нажмите для показа полного изображения" onclick="return hs.expand(this)" rel="nofollow" class="highslide" style="cursor: wait; "><img src="http://img42.imageshack.us/img42/4484/creativesoundblastertacf.jpg" border="0" style="max-width:200px; max-height:120px;"></a>

Originally Posted by YURSHAT

позволяет вставлять изображения в виде превью в пределах вашего сообщения

Положим, все эти сервисы делает js скрипт, и ты сделал его настройку в админке. Это хорошо.
НО то, как картинки будут встраиваться в текст поста или, вот, в новостях Портала в хаке, похоже, это не решено.

vlad360, если в редакторе ты уже установил BB-код выравнивания картинки по краю, то дай обрамление этим BB-кодом коду встраиваемой картинки. Суть в том, что у картинки должен быть html код стиля float:left, в этом случае картинка прижмётся к левой стороне, а текст расположится справа от картинки.

Luntick, разобрался он не подключает css и скрипт, проблему решаем так вставляем в шаблон adv_portal

<script type="text/javascript" src="clientscript/thumbnail.js?"></script><link rel="stylesheet" type="text/css" href="clientscript/vbulletin_css/thumbnail.css">

Ах да еще одна заметка, если вы ставите обтекание картинки текстом, не забудьте перед постбитом поставить

<div style="clear:both;"></div>

Если кому нужно могу выложить

Originally Posted by Luntick

НО то, как картинки будут встраиваться в текст поста

картинки будут встраиватся в текст поста, аналогично картинкам в теге [IMG]. Скрин. Хотя суть вопроса я не понял...

Originally Posted by Luntick

в новостях Портала в хаке, похоже, это не решено

Портал не входит в стандартную комплектацию форума, поэтому я и не делал адаптацию, хотя там 3 строчки кода добавить, причем по примеру Но коль нужно на портале, нет проблем

Продукт обновлен
[+] Добавлена поддержка блока "Новости" в vBa CMPS. Для работы тега, необходимо в админке, включить модуль "BB код [thumbnail]: vBa CMPS"
[+] Добавлена поддержка многоязычности. В дефолтной версии, русский текст для тега был прописан прямо в JavaScript'е, что не есть гуд, не по фэн-шую . Заменил фразами.
Для обновления, перезалить файлы из архива и обновить продукт (изменены некоторые модули и шаблон).

YURSHAT добавил 27.08.2012 в 08:40

Originally Posted by vlad360

пожалуйста обьясни как сделать правильное отображение в vba блоке новостей

обновить продукт. Продукт в аттаче....

Блин хак отличный, но чето не работает, наверное не контачит с каким то который у меня щас стоит например "имэйдж ресайз лайт" или "скрытие внешних ссылок"

вставляю ссылки на картинки, он их не миниатюрит и всё тут, как были большими так и остаются

Originally Posted by dhonchik

имэйдж ресайз лайт

Нет, с хаком товарища MDM они прекрсасно дружат, ибо его хак нацелен только на картинки в тегах [IMG]

Originally Posted by dhonchik

скрытие внешних ссылок

Это хак от kerk'a https://vbsupport.ru/forum/showthread.php?t=34549? Или что-то другое?

Originally Posted by YURSHAT

Это хак от kerk'a http://vbsupport.ru/forum/showthread.php?t=34549? Или что-то другое?

Да, я его имел ввиду, хак от Керка)

dhonchik добавил 27.08.2012 в 10:27

Originally Posted by YURSHAT

Нет, с хаком товарища MDM они прекрсасно дружат, ибо его хак нацелен только на картинки в тегах [IMG]

Мож в этом и дело, а ссылку на картинку надо вставлять в код сумбаил или имг + сумбаил?)

я сначала беру ссыль, вставляю её через код картинок там где надо вписать урл её, потом всё это в тег сумбали делаю

Originally Posted by dhonchik

Мож в этом и дело, а ссылку на картинку надо вставлять в код сумбаил или имг + сумбаил?)

хе, ссылку надо вставлять без всяких IMG
Вот живой пример, с реальной ссылкой

[thumbnail]http://i43.fastpic.ru/big/2012/0818/36/1dd16d0960cd7526cd4c583eb98fec36.jpg[/thumbnail]

YURSHAT, спс щас заного установлю проверю)