Мамбот 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

[Chirik]

Ну, если выйдет с фотками - еще отблагодарю!  так сказать мотивация к работе 

[Alex Revo]

Я тоже даю 10$ за возможность указания параметра "nopopup" для картинки.

[yunoshev]

спасибо ребята, мне уже по ночам снится код мамбота, так как хочется сделать все и в лучшем цвете, как говорится. :-)

[Chirik]

Ну ты держись! Мне в свое время мой проект тоже ночами снился ... теперь как-то полегчало, проект теперь снится не мне, а жене моей =) Хотя она никак к нему не относится, ну кроме разве что нервничает, что почти все мое свободное время уходит не на нее, а на проект )))

[yunoshev]

Добавил:
1. Поддержку отображения подписей к эскизам.
2. Запрет всплывающего изображения, как в ручном синтаксисе мамбота, так и в теге <IMG>.

Исправлено:
1. Некорректное отображение позиций "слева/справа" в ИЕ.

@Chirick

если в заголовке статьи присутствует символ " то все что после него обрубается

Проверил в двух браузерах -- все нормально, не обрубается.

Смотрите на демо-сайте.

[Chirik]

Странно у меня обрубилось ... Вот еще одно, создаю модуль, ввожу текст туда, вставляю изображение средствами редактора, публикую модуль и оно відает мне потом такую ошибку:
Warning: getimagesize(/var/www/ridnewsL/ridnews.com/images/stories/http://www.ridnews.comnews/PSG-Dyn.jpg) [function.getimagesize]: failed to open stream: No such file or directory in /var/www/ridnewsL/ridnews.com/mambots/content/hsimage.php on line 511

[yunoshev]

создаю модуль, ввожу текст туда, вставляю изображение средствами редактора, публикую модуль и оно відает мне потом такую ошибку:
Warning: getimagesize(/var/www/ridnewsL/ridnews.com/images/stories/http://www.ridnews.comnews/PSG-Dyn.jpg) [function.getimagesize]: failed to open stream: No such file or directory in /var/www/ridnewsL/ridnews.com/mambots/content/hsimage.php on line 511

Это потому, что Вы держите картинку в корне сайта, тогда как по правилам Joomla! они должны храниться в images/stories/. Но в новой версии должно работать и так, как у Вас.

Вот тестовая новая версия мамбота 1.1.2.2. Попробуйте переустановить (перезалить) его.

  Добавления в ручном синтаксисе мамбота:
  - новый параметр (6-й, после "масштабирования") "nopopup" для запрета
  всплывающего изображения, т.е. должно быть, к примеру:
  {hsimage||right||||nopopup}
  - указание в синтаксисе тега <IMG> запрета всплывающего изображения:
  <img src="..." ... rel="nopopup" />
  - указание в синтаксисе тега <IMG> запрета обработки мамботом:
  <img src="..." ... rel="nohsimage" />
  - указание в синтаксисе тега <IMG> принудительной обработки мамботом:
  <img src="..." ... class="hsimage" />

Несовместим с mosimage!

[Chirik]

Сейчас попробую перезалить, но в данном случае изображение лежит не в корне, а в /images/stories/

[yunoshev]

Сейчас попробую перезалить, но в данном случае изображение лежит не в корне, а в /images/stories/

http://www.ridnews.comnews/PSG-Dyn.jpg
Хотя, возможно, сказался глюк в работе мамбота.

[Chirik]

Обновил бот, глюк пропал, спасибо =)

[evpadallas]

А можно как-то сделать так, чтобы можно было в бот подсказки не указывать html текст, а указывать ID статьи и чтобы он его выплевывал? Можно как-то в настройках сделать или при вставке самого бота, указание, будет ли это ИД или будет ХТМЛ.

[yunoshev]

А можно как-то сделать так, чтобы можно было в бот подсказки не указывать html текст, а указывать ID статьи и чтобы он его выплевывал? Можно как-то в настройках сделать или при вставке самого бота, указание, будет ли это ИД или будет ХТМЛ.

Я уже об этом писал ранее -- НЕЛЬЗЯ.
Но если какое-то решение придумаю, то напишу.

[yunoshev]

Очередная версия мамбота 1.1.2.3 бетка.

Сделано:
1. Поддержка картинок с внешних ресурсов. Правда, эскизы (превьюшки) еще не отображаются. Но я работаю над этим.

Исправлено:
1. Полная совместимость с {mosimage}.

ВНИМАНИЕ!
Если при совместном использовании {mosimage} & {hsimage} на Ваших сайтах будет вместо картинки mosimage писаться Image и появится такое сообщение:

Notice: Array to string conversion in z:\home\mega-trucks.com\www\mambots\content\mosimage.php on line 108

то откройте файл mosimage.php, замените строку №108:

Код

	$row->images 	= explode( "\n", $row->images );
 

на

Код

	$row->images = (is_array($row->images)) ? explode( "\n", $row->images[0] ) : explode( "\n", $row->images );
 

[fatalerror]

А-ФИ-ГЕТЬ!

Виктор, это что в итоге получается?! Мамбот, который любое изображение, независимо от того, откуда оно берется, может преобразовать под заданные параметры? И при этом все делается автоматом? Универсал?

А ежеле уже имеющееся фото в статье надо заменить (помнишь заморочки с мультитумбочкой)? Тут заморочек не предвидется? Я имею ввиду не конечный результат, а логику разработчика?

[yunoshev]

А-ФИ-ГЕТЬ!

Виктор, это что в итоге получается?! Мамбот, который любое изображение, независимо от того, откуда оно берется, может преобразовать под заданные параметры? И при этом все делается автоматом? Универсал?

А ежеле уже имеющееся фото в статье надо заменить (помнишь заморочки с мультитумбочкой)? Тут заморочек не предвидется? Я имею ввиду не конечный результат, а логику разработчика?

Да, универсальный.
Если меняются фотки в материалах, то для них создаются просто новые эскизы в папке cache/, сами альты и титлы для фоток берутся как из ручных параметров мамбота, так и из параметров картинок, что указываются на вкладке "Изображения". Для <IMG> -- все берется из соответсвующих параметров тега.

В общем, заморочек не предвидится.

Кстати, архив в верхнем сообщении сейчас обновлю, т.к. сделал отображение "внешних" изображений, но на скорую руку, т.е. грузится все изображение из "внешнего" ресурса. Без этого никак! Пример работы с такими фотками будет показан на демо-сайте.
Мда, пока что работает некорректно... отключил, вернул содержимое архива в исходное.

[Chirik]

Хм, а подскажите синтаксис для вставки изображений с других серверов ...

[yunoshev]

@Chirik
В параметрах мамбота, что можно указывать вручную, это не внедрено еще, но планируется.
А так вставляете, как простой <IMG>, к примеру: <img src="http://www.virom.com.ua/images/stories/G2000WA.jpg" align="center" alt="Скоро Пасха!" title="Подарок на Пасху" width="150px" align="center" rel="" />
в общем, все просто.

[Chirik]

Так и вставляю, выводит как обычную картинку ...

[yunoshev]

Так и вставляю, выводит как обычную картинку ...

а обработка <IMG> в параметрах мамбота включена?

[Chirik]

Уже включил, теперь работает. А что, при таких раскладах мосимейдж отключается? Точнее вместо изображения выводится просто надпись Image ?

[yunoshev]

А что, при таких раскладах мосимейдж отключается? Точнее вместо изображения выводится просто надпись Image ?

Читайте об этом выше, там, где опубликована новая версия.
http://joomlaforum.ru/index.php/topic,33289.msg355090.html#msg355090

[yunoshev]

Версия мамбота 1.1.2.3.

Сделано:
1. Отображение картинок с внешних ресурсов. Эскизы (превьюшки) отображаются, но грузится вся картинка.

Смотрите демо-сайт (правая колонка "Внешний" IMG).

[mich]

Обработка <IMG> ? а если где-то необходимо использовать просто img, а где-то img обработанный мамботом? как тогда быть?

[yunoshev]

читайте внимательней, я писал выше, что для запрета обработки мамботом нужно указать <img ... rel="nohsimage" />

[mich]

а может наоборот есть смысл сделать? т.е. в основном они не обрабатываются , а те что необходимы для обработки мы помечаем

[yunoshev]

а может наоборот есть смысл сделать? т.е. в основном они не обрабатываются , а те что необходимы для обработки мы помечаем

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

[yunoshev]

ЛЮДИ!
я сделал вывод материалов в подсказках

[olaf]

ЛЮДИ!
я сделал вывод материалов в подсказках

Если это то, что я думаю (гипертекст с картинками, анонсы и полные статьи, а может и модули?), то это круто!

[PalDim]

Не отображаются png расширение, когда кликаешь на картинку, то сразу нормально всплывает и показывается,что может быть? В более ранней версии такого не наблюдал.Вот скрин.

[yunoshev]

Не отображаются png расширение, когда кликаешь на картинку, то сразу нормально всплывает и показывается,что может быть? В более ранней версии такого не наблюдал.Вот скрин.

Все прекрасно отображается! Качайте последнюю версию мамбота 1.1.2.3. Смотрите демо-сайт правую колонку.