Мамбот HSImage - всплывающие картинки (подсказки) в материалах v.1.1.4

[yunoshev]

Уважаемые форумчане!

Модифицировал стандартный мамбот MOSImage в... читайте далее...  

Изображение с мини-эскизом -- Замена в содержимом тэга {hsimage} специальной ссылкой всплывающего изображения.
Основан на скрипте Highslide JS Version: 3.3.20 (June 19 2008). Как и стандартный мамбот mosimage (изображение MOS), данный мамбот внедряет в содержимое картинку, указанную в параметрах материала "Изображения". Внимание, в данных параметрах ("Изображения") ничего указывать не нужно! Ваше изображение в тексте по-умолчанию будет прижато к левой стороне (float: left).

Для версий Joomla 1.5.x: плагин HSImage для Joomla 1.5

Чтобы у Вас все работало хорошо, рекомендую загружать последнюю версию мамбота! (Первые оставлены для тех, кто загружал мамбот изначально.)

ВНИМАНИЕ: Нельзя использовать никаких спец/рус символов в названиях файлов изображений!

Параметры мамбота

Параметры мамбота:

• Анимация (по-умолчанию: да) - выполнять анимацию при открытии окошка или нет; (версия 1.0.3)
• Копирайт (по-умолчанию: нет) - показывать копирайт Highslide (авторство) или нет (доступно только для полных картинок); (версия 1.0.3)
• Подгружать скрипт (по-умолчанию: да) - если Вы уже используете данный скрипт на сайте, то можете отключить, чтобы не возникло конфликтов.
• Размер превьюшки (по-умолчанию: 100) - размер мини-эскиза в пикселах большей из сторон изображения, т.е. если ширина > высоты, тогда ширина=100, а высота вычисляется пропорционально исходному изображению;
• Отступ (Margin) (по-умолчанию: 0) - Отступ изображения в пикселях (px), окружающий изображение;
• Отбивка (Padding) (по-умолчанию: 0) - Отбивка изображения в пикселях (px), окружающее изображение;
• Цвет рамки превьюшки (по-умолчанию: #1e90ff) - Цвет рамки превьюшки (мини-эскиза) по-умолчанию; (версия 1.0.3)
• Цвет рамки при наведении (по-умолчанию: #b0c4de) - Цвет рамки превьюшки (мини-эскиза) при наведении курсора мыши; (версия 1.0.3)
• Показывать заголовок (по-умолчанию: да) - указываем, отображать или нет надпись всплывающего изображения (к сведению пассажиров , заголовок я беру автоматически из названия материала и добавляю "(рис. ##)", так что я постарался Вам упростить задачу по-максимуму);
• Контуры (по-умолчанию: округленные белые) - какое обрамление контуров всплывающей картинки Вы хотите испльзовать; (версия 1.0.3)
• Панель управления (по-умолчанию: тип 3) - показывать панель управления картинками во всплывающем окошке или нет; (версия 1.0.3)

   
Внедрено еще ручное указание параметров. Синтаксис:
{hsimage|ваш_заголовок|выравнивание|ваша_ширина|ваша_высота|масштабирование}, где:

• ваш_заголовок - Ваш заголовок всплывающего изображения;
• выравнивание - необходимое положение рисунка в материале, допустимые значения: right, left, center или none (доступно в версии 1.0.2);
• ваша_ширина - Ваша ширина мини-эскиза изображения;
• ваша_высота - Ваша высота мини-эскиза изображения;
• масштабирование - чем будет выполняться масштабирование рисунка в материале (автоматически браузером или встроенным скриптом thumb.php), допустимые значения: auto - автоматически браузером (доступно с версии 1.0.2).
• nopopup - запрещаем показывать "большой вариант" картинки;

Пример:
{hsimage|Моя первая картинка|right|||auto} - изображение будет в материале справа, автоматически отмасштабировано браузером, заголовок "Моя первая картинка";
{hsimage|Моя вторая картинка|||||nopopup} - изображение будет в материале слева, отмасштабировано скриптом, заголовок "Моя вторая картинка" без возможности увеличения данного эскиза (отключено всплывающее окошко).

После установки не забудьте опубликовать мамботы (сам hsimage и его кнопку).
Отключение стандартного мамбота MOSImage не требуется.

Новые версии и улучшение функционала

Новые версии (эволюция мамонботов ).

bot_hsimage_v.1.0.1.zip:
1. Локализован и исправлен глюк с некорректным отображением заголовка картинки (текста) при ручном его указании.
2. Добавлено выравнивание по-середине, НО превьюшка размещается не в тексте, а выше или ниже его, смотря где вставляете.
3. Изменен в коде скрипта Z-INDEX, равный 10001. Тестировать было не на чем, у меня на сайтах элементов выше такого уровня нет.

bot_hsimage_v.1.0.2.zip:
1. Локализован и исправлен глюк при совместном использовании HSImage и MOSImage.
2. Локализован и исправлен глюк с некорректным отображением заголовков картинок (текста) при отображении материалов в виде блога.
3. Сделано корректно выравнивание по-середине, а также его отсутствие (float:none).
4. Добавлена возможность указания, чем будет выполняться масштабирование рисунка в материале: автоматически браузером или встроенным скриптом thumb.php (см. синтаксис мамбота). Внимание: в данном случае, при указании параметра auto будет подгружаться картинка целиком!

bot_hsimage_v.1.0.3.zip:
1. Добавлена поддержка многоязычности.
2. Добавлены дополнительные параметры мамбота (оформление стилей отображения, отображение панели управления и другое).
3. Добавлена поддержка дополнительной инструкции {hstooltip|Текст_ссылки|Текст_HTML}, которая внедряется с помощью кнопки bot_hstooltip_btn.zip. Это позволит Вам помимо картинок делать всплывающие текстовые подсказки. Т.е. мамбот HSImage теперь как 2 в 1.

bot_hsimage_v.1.0.3.1.zip:
1. Локализован и исправлен глюк с некорректным отображением при заданном размере превьюшки.
(PS: достаточно будет заменить файл hsimage.php)

bot_hsimage_v.1.0.3.2.zip:
1. Подкорректировано подключение дополнительных стилей в <head> страницы для валидности кода мамбота.
2. Очень важное дополнение! Добавлен новый параметр мамбота "Подгружать предварительно" -- указывается количество изображений для предварительной загрузки в фоновом режиме. Параметр обязательный. ВНИМАНИЕ! От данного параметра зависит нагрузка на сервер! (если бы не проблемы с сервером у newleax, такой параметр бы не скоро появился ).
(PS: достаточно будет заменить файлы hsimage.php & hsimage.xml.)

bot_hsimage_v.1.0.3.3.zip:
1. Подкорректировано подключение скрипта в <head> страницы.

bot_hsimage_v.1.1.b.zip -- beta версия:
1. ВНИМАНИЕ! Это тестовая версия мамбота. Инсталлятор еще не корректировал, поэтому устанавливать сперва стабильную версию 1.0.3.3 потом просто заменить файлы из архива. Из того, что было в планах, осталось сделать замену <IMG>, кеширование эскизов.

bot_hsimage_v.1.1.2.zip:
1. Сделал обработку <IMG> как в материалах, так и в пользовательских модулях.
2. Если для всплывающих подсказок выбран режим "по наведению мыши", то кнопки "Переместить" и "Закрыть" не добавляются.
3. Оптимизирован код мамбота.
4. Инсталлятор уже нормальный!

bot_hsimage_v.1.1.3.zip:
1. Отображение картинок с внешних ресурсов. Эскизы (превьюшки) отображаются, но грузится вся картинка!
2. Исправлены мелкие упущения при переключении режимов работы мамбота, а также некоторые глюки.

bot_hsimage_v.1.1.4.zip:
1. Исправлено формирование HTML-кода для корректного отображения подписи в тегах <p>.

Тестировалось: Joomla! 1.0.12 LE, SEO-Joomla! 1.0.15.

С уважением, Юношев Виктор.

Демо: http://hsimage.yunoshev.com/
Админка: юзер - demo, пароль - demo
P.S. Только ничего там не ломайте

Для версий Joomla 1.5.x: плагин HSImage для Joomla 1.5

[yunoshev]

@supercom
Попробуйте в строке выше (№396) сделать проверку на наличие элемента в массиве:

Код

		if ( (strtolower(substr($matches[0][$i], 0, 8)) === '{hsimage') || (strtolower(substr($matches[0][$i], 0, 9)) === '{mosimage') && array_key_exists($i - $img_counter, $row->images)) {
 

[yunoshev]

@All

Для версий Joomla 1.5.x: плагин HSImage для Joomla 1.5

[Alex Revo]

rel="nohsimage" не срабатывает, а класс при отключенной замене img работает.

Научить бы еще мамбот брать из img ширину и использовать ее в качестве размера эскиза.

[yunoshev]

@Alex Revo
1) возможно, редактор при сохранении чистит код и убирает "rel"
2) должен обрабатывать ширину... проверю

[supercom]

Попробуйте в строке выше (№396) сделать проверку на наличие элемента в массиве:

Код

		if ( (strtolower(substr($matches[0][$i], 0, 8)) === '{hsimage') || (strtolower(substr($matches[0][$i], 0, 9)) === '{mosimage') && array_key_exists($i - $img_counter, $row->images)) {
 

Спасибо заработало, только вот теперь на другом сайте не работает, таже ошибка, даже с проверкой.
И еще, вопрос, на одной странице выводится стандартно

Код:

<div id="tech">  
  <img src="/images/stories/technics/wifih.png">  
</div>

и

Код:

<div id="HS">  {HSIMAGE}{HSIMAGE}{HSIMAGE}{HSIMAGE}{HSIMAGE}{HSIMAGE}</div>

При просмотре страницы картинки img src лезут в див для hsimage, а hsimage не публикуется и див для картинок остается пустой, как с этим справиться, какой то конфликт между img src и {HSIMAGE}
joostina 1.3.
Проблема наблюдается только при условии что тег публткуется в Основном тексте, а не вводном, если оставить публикацию вводного текста, то выводится одна картинка с помощью hsimage  и куча нотисов, последняя корректировка не помогает.

[yunoshev]

@supercom
Я завтра обязательно попробую воспроизвести такую ситуацию у себя. Результат и решение отпишу.

[Gold Dragon]

Если кому нужно... Проблемы с отображением миниэскизов возникают у мамбота уже на PHP5.3.x
Это связано с тем что функция split() там устарела и её нужно заменить на preg_split()
Я заменил в двух местах.. больше проблем нет

[Mikl]

Добрый день!

Наблюдаю очень неприятную проблему. Почему то при сохранении материала в списке изображений (Используемые изображений) добавлются ПУСТЫЕ лишние строки. Из-за чего в материал попадают не все картинки ((((
Что делать? Из-за этого глюка фактически нельзя пользоваться мамботом.

У меня Жустина 3,0,4

[yunoshev]

@Mikl
Здравствуйте!
Данный глюк, как Вы понимаете, совершенно не относится к работе мамбота. Но решеие есть, Вы просто не так в поиске задаете вопрос:
удаление пустых фото в статьях Joomla

[Mikl]

@Mikl
Здравствуйте!
Данный глюк, как Вы понимаете, совершенно не относится к работе мамбота. Но решеие есть, Вы просто не так в поиске задаете вопрос:
удаление пустых фото в статьях Joomla

Большое спасибо! Работает)))

[Mikl]

Ещё один вопрос. Мамбот HSImage конфликтует с тегом <p>. Происходит "отрыв" подписи и картинки. Как это исправить, кроме как отмены тега <p>?

[yunoshev]

@Mikl
Дайте "живой" пример. Суть понял, но проблему не вижу, надо пощупать, чтобы что-то ответить

[yunoshev]

@Mikl
Сделал правки HTML-кода и стилей. Попробуйте поставить новую версию мамбота. Протестировать еще не успел, но должно работать, как надо. По результатам отпишитесь, пожалуйста.

[stom2000]

  хотел поблагодарить за классный мамбот, и за активную его поддержку и выход новых версий!
Спасибо!
Единственное - float left по умолчанию не очень понравилось, (вот бы в админке сделать переключатель, кому как нравится) но возможно что это только меня не устраивает, а в большинстве случаев может быть и оптимально.

[yunoshev]

Пожалуйста!

Единственное - float left по умолчанию не очень понравилось, (вот бы в админке сделать переключатель, кому как нравится)

Хорошо. Кто-то уже говорил об этом. Постараюсь в скором времени сделать.

[Gold Dragon]

на одном из хостером столкнулся с этой проблемой

PHP Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 5444 bytes) in /storage/home/srv25558/htdocs/mambots/content/highslide/timthumb.utils.php on line 12

Как решить проблему прожорливости мамбота?

Всё что касается увеличения памяти, это я решу с хостером. Но меня больше интересует сам скрипт

[yunoshev]

Gold Dragon
А какое количество картинок Вы грузите на одной странице? Может из-за этого?

[Gold Dragon]

ну например 10 штук уже не тянет.. да и картинки то мелкие все, сам посмотри
http://befocus.ru/index.php?option=com_content&task=blogcategory&id=1&Itemid=32

[MaxLite]

Добрый день.
Может кто подскажет?

Есть Joomla 1 Lavra Edition. Установлен мамбот HSImage. Работает классно.
Но хотелось бы, что бы можно на картинку было накладывать WaterMark некий текст.
Возможно ли это? Если да, то помогите пожалуйста.

[yunoshev]

@MaxLite
Добрый день. Поддержку водяных знаков буду делать, но уже только для новых версий ( Joomla! 1.5> ).

[MaxLite]

Упс, печально. Тоесть для старой версии ничего подобного не будет. Жалко очень.

[Pinin]

Два вопроса к уважаемому yunoshev`у:

Столкнулся с той же бедой - с некоторых пор в списке изображений  добавляются пустые лишние строки (Joom 1.0.12). Картинки едут. Плюс к этому иногда (закономерность не установил) вместо превьюшек выводится полное изображение... Зачастую достаточно даже просто открыть в редакторе уже отформатированную, опубликованную статью (ничего там не меняя!), и трындец - все плывет/едет...

Закачал отсюда http://yvcommodity-joomla15.yunoshev.com/***/621-modul-udalenija-pustyh-foto-yvcommodity.html mod_content_images v.1.0.2.zip (встал он у меня в панель управления). Но не очень понял смысла сказанного автором:

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

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

К работе HSImage тоже вопрос: что его могло так сплющить? - ведь до недавних пор он работал идеально... На всякий случай передвинул его с 6 (кажется) позиции на 2 в списке опубликованных мамботов (перед ним только Изображение MOS  в поз. -10000, да один отключенный на поз.1), но рассыпуха размеров изображений в статьях так и осталась...

[yunoshev]

@Pinin
Работает мамбот неправильно из-за обработки пустых фоток.
Модуль выполняет коррекцию содержимого фото в статьях автоматически после публкации. Он должен выдавать результат о том, сколько обработано статей. Но это лишь временное решение -- нужно править код Joomla для стабильного результата.

[Pinin]

Но раз модуль установлен, а статьи опубликованы - мамбот должен бы выводить изображения корректно - или я что-то упускаю?
Возможно, необходимо было открыть каждую из проблемных статей в редакторе и без каких-то изменений просто их сохранить? Или просто снять с публикации, а потом опубликовать вновь?

А править код Joomla 1.0.12 вряд ли кто-нибудь уже будет, увы...

И кстати, а куда именно

Он должен выдавать результат о том, сколько обработано статей

?

[fatalerror]

Виктор, привет!
А для 2.5 еще не делал? Или я что-то пропустил?

[yunoshev]

@fatalerror
Что-то упустил
В топике есть ссылка на плагин для версии 2.5

[fatalerror]

Туплю что-то... По этой ссылке не закачивается...

@zoldiar
Попробуйте скачать и поставить поверх новую версию плагина plg_hsimage v.1.1.9_j.1.7-2.5.zip

[yunoshev]

@fatalerror
Кто-то удалил файл из каталога. Залил по новой, попробуйте по этой ссылке: http://yvcommodity-joomla15.yunoshev.com/commodity/download_file.html?file_id=24

[yunoshev]

@Pinin
Модуль работает только в момент показа на стартовой админки, это не системный плагин какой-то, это просто модуль, который работает по факту показа. Т.е. если Вы правили статьи, в которых есть фото, сохранили их, то потом нужно каждый раз заходить на стартовую админки, чтобы модуль выполнился.

Результат работы модуля

Но повторюсь, что это временное решение, а для нормальной работы надо править код Joomla, а именно файл administrator\components\com_content\admin.content.php, функция function saveContent( $sectionid, $task )

Код

...
	$row->title = ampReplace( $row->title );
 
	// START: наш код
	$_images = explode( "\n", $row->images );
	if (count($_images)) {
		$row->images = '';
		$new_images = array();
		foreach ($_images as $_img)
			if (trim($_img)!== '') $new_images[] = $_img;
		$row->images = implode(  "\n", $new_images );
	}
	// END: наш код
 
 	if (!$row->check()) {
...
 

Показать текстовый блок

[Pinin]

Юрий, вопрос конкретно по работе Вашего мамбота: В статье вместо большинства иллюстраций выводится лишь описание ("название статьи, рис. #"). При этом несколько фото выводятся корректно, т.е. в виде превьюшек с возможностью их увеличения по клику. Остальные по клику тоже открываются увеличенными, но в нормальном состоянии картинок нет - только описание вместо них...

Расползания их в списке больше нет (правка admin.content.php сработала), пути корректны, в чем трабл - не пойму... По версии мамбота инфы не нашел (есть только фраза в его описании - "Основан на скрипте Highslide JS Version: 3.1.6 (March 18 2007)"), версия Joomla - 1.0.12