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

@joomlance
Читайте хоть изредка топик.

[yunoshev]

@Gold Dragon
У Вас неправильно формируется ссылка на скрипт:

http://gd.fipuche.ru/content/view/25/29/mambots/content/highslide/timthumb.php?src=http://gd.fipuche.ru/images/stories/inter/reznik.jpg&w=100&h=100&zc=1

Попробуйте в коде плагина убрать в формировании ссылки на эскиз переменную $mosConfig_live_site.

[Gold Dragon]

yunoshev, не пойму где это делается. что-то пробую и тишина.. может не там?

[Gold Dragon]

в общем проблема возникает при включенном SEO. так и не разобрался как побороть. На главной странице всё отображается. Когда переходишь на саму статью, картинки нет, хотя при нажатии она появляется

[newleax]

1. Подкорректировано подключение дополнительных стилей в <head> страницы для валидности кода мамбота.

кажется у меня вот с этим проблемы что ли?

Идут ошибки
Warning: Cannot modify header information - headers already sent by (output started at /var/www/lostjate/data/www/lostjate.ru/mambots/content/highslide/timthumb.php:157) in /var/www/lostjate/data/www/lostjate.ru/mambots/content/highslide/timthumb.php on line 240
и так с 240 по 245 строчки

фух это я опять на новый хостинг переехала  
проблема такая еще

Warning: chmod() [function.chmod]: Operation not permitted in /var/www/lostjate/data/www/lostjate.ru/mambots/content/highslide/timthumb.php on line 157
на этой строке написано    chmod($cache_file_name, 0666);

но на файл timthumb.php стоят права 777
раз 15 перепроверила, как это так странно

[yunoshev]

@newleax
Права на сам файл скрипта здесь не влияют, не это причина. В ошибке говорится о том, что невозможно изменить заголовок, который отослан, плюс к тому, скрипт не может изменить права на файл эскиза, поэтому я немного изменил оригинальный код. Попробуйте поменять и посмотреть, что вышло. Еще помогает отключение SAFE Mode хостера, если Вы переехали на другой хостинг, то уточните.
Прикрепляю файл.

[newleax]

А что-то не отправилось тогда мое сообщение что ли.
Вопрос снят если что.

Ага, спасибо за вложение, его тоже попробую тогда.

[Drago]

не подскажите как сделать так чтобы, картинки подружались именно с данного материала категории, а не со всех материалов. Например сейчас работает так:
Категория:
 материал 1: {hsimage}{hsimage}{hsimage}{hsimage}
 материал 2: {hsimage}{hsimage}{hsimage}{hsimage}

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

[yunoshev]

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

[Drago]

именно. Вот как их разделить? что при нажатии на картинку первого материала, отображались только 4 фотки 1-го материала.

Опять закрутил помоему:)

[yunoshev]

@Drago
Это можно сделать, лишь поменяв логику работы плагина. В самом скрипте (highslide) заложен функционал по работе с так называемыми группами картинок. Можно внедрить, но будет много работы, т.к. надо делать дополнительный параметр для ручного ввода в команде плагина, типа {hsimage|||||group=1} и потом его отслеживать при показе картинок.
А иначе на данный момент никак.

[Drago]

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

+1 Спасибо!

[yunoshev]

@Drago
Как раз это и было запланировано, но весь ушел в программирование компонентов.
Пожалуйста.

[Quadro]

Joostina 1.3.0.RC [ RC5 ] 22:12:2009

установил мамбот, но в тексте выводится только рамка и описание фотки, самой картинки нет? Но при нажатии фотка открывается как и положено.
вот пример http://gd.fipuche.ru/content/view/25/29/
что и как можно поправить?

Аналогичная проблема Joostina 1.3.0.RC [ RC5 ]+JPromoter

[yunoshev]

Аналогичная проблема Joostina 1.3.0.RC [ RC5 ]+JPromoter

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

[vs12345]

Всем добрый вечер.
Кажется, нашел глюк при работе мамбота новой версии, который заключался в непоказе на некоторых серверах мини-эскизов картинок.
Откройте файл mambots/content/hsimage.php. Перейдите к строке №583.

Код:

$image_thumb_src = '"/mambots/content/highslide/timthumb.php?src='

Исправьте на:

Код:

$image_thumb_src = '"'. $mosConfig_live_site. '/mambots/content/highslide/timthumb.php?src='

На всякий случай прикрепил файлик с исправлением.

- я так понял, что в последнюю версию ( v.1.1.3 ) это исправление не попало?
- подскажите, а новая версия ожидается?

[yunoshev]

@vs12345
1. Попало.
2. Честно -- пока нет. У меня обязательства (не подписанные документально, но все же) перед заказчиками моего каталога товаров yvCommodity.

[vs12345]

1. Попало.

только что скачал из шапки bot_hsimage_v.1.1.3.tgz - цитата из hsimage.php:

Код:

$image_thumb_src = '"mambots/content/highslide/timthumb.php?src='

- непонятно  

2. Честно -- пока нет. У меня обязательства (не подписанные документально, но все же) перед заказчиками моего каталога товаров yvCommodity.

- с этим понятно, с обязательствами знакомо ...
// --------------------------------------------------------------
Тогда может ответишь на пару воросов:
// --> 1. Не очень понятно с шириной (не как щас работает - а с логикой):
- имеем на странице несколько изображений одно под другим задали всем одинаковую ширину, чтоб лучше смотрелось.
- если у некоторых картинок высота больше ширины - имеем часть изображений произвольной ширины выпадающих из дизайна.
- Решаю это пока заданием этим изображениям вручную рассчитанных ширины и высоты (причем в этом случае ресайз происходит только с параметром масштабирования auto).
- ну и собственно вопрос на будущее: может при задании только ширины - ресайзить все изобр к заданной ширине а высоту расчитывать (множ=нов.ширину/исх.ширину; нов.высота=исх.высота*множ;) - ну или ввести параметр на выбора режима (auto как щас, auto2 - к заданной ширине)??
// --> 2. Как выключать обтекание текстом на ходу (не для всех сразу в css), а для некоторых изображений, обрамление DIVами и пр. не помогло... ?

// --------------------------------------------------------------
Заменил в коде расчет ширины и высоты превью по принципу предложенному мною на будущее в этом msg выше (при заданной ширине превью будет именно этой ширины, высоту рассчитываем пропорционально) - у меня работает - проверяйте кому интересно    (во вложении правленный файл hsimage.php от v.1.1.3)
измененный мной код помечен "// #### " - комментами
ув. yunoshev, я не с того начал - автору огромная благодарность! бот - супер!   

[yunoshev]

// --> 1. Не очень понятно с шириной (не как щас работает - а с логикой):
- имеем на странице несколько изображений одно под другим задали всем одинаковую ширину, чтоб лучше смотрелось.
- если у некоторых картинок высота больше ширины - имеем часть изображений произвольной ширины выпадающих из дизайна.
- Решаю это пока заданием этим изображениям вручную рассчитанных ширины и высоты (причем в этом случае ресайз происходит только с параметром масштабирования auto).
- ну и собственно вопрос на будущее: может при задании только ширины - ресайзить все изобр к заданной ширине а высоту расчитывать (множ=нов.ширину/исх.ширину; нов.высота=исх.высота*множ;) - ну или ввести параметр на выбора режима (auto как щас, auto2 - к заданной ширине)??

Можно, конечно, пересмотреть алгоритм создания превьюшек. Изначально так и было, насколько я помню, но почему-то я отказался от этого... причину забыл.

// --> 2. Как выключать обтекание текстом на ходу (не для всех сразу в css), а для некоторых изображений, обрамление DIVами и пр. не помогло... ?

Попробуйте ручное указание параметра "выравнивание" выставлением в "none" (все остальные параметры можно не указывать, если они Вам подходят, но соблюдать их последовательность, разделяя "|")

[Анзор Чемерзаев]

Народ   у  меня  не получается  что   с фотографией

вставляю  фотографию   большую   а   она как была  большой  так  большой  и  остается  а  мини эскиз   не делает 

в чем  дело   то   

[Анзор Чемерзаев]

У меньшил   при вставке размеры  нажав  на фотку  она не увеличивается   а внизу  надпись  Тэги  не указаны

[yunoshev]

Народ   у  меня  не получается  что   с фотографией

вставляю  фотографию   большую   а   она как была  большой  так  большой  и  остается  а  мини эскиз   не делает 

в чем  дело   то   

Это значит, что скрипт не срабатывает. Причин две:
- конфликт скриптов;
- включено кеширование на сайте и не выключен параметр мамбота "Подгружать в HEADER".

[null]

Виктор, спасибо огромное! Отличный бот! Отличный код! Легко завелся =) Удачи вам.

[yunoshev]

Виктор, спасибо огромное! Отличный бот! Отличный код! Легко завелся =) Удачи вам.

Пожалуйста!

[Demir0]

Странно, почему я не могу поставить его? Пишет:

Код:

Загрузка mambot - Загрузка сорвана
ОШИБКА: Не могу найти Joomla! XML установочный файл в пакете.
[ Продолжить ... ]
Загрузка mambot - Сорвана
Установочный файл не найден:
/home/domen/domains/domen.com/public_html/media/install_4bc36647bcd31/
[ Продолжить ... ]

Я его даже вручную ставил, захожу в мамбот, а там никаких настроек.

Что-то с иксемелом.

[yunoshev]

Странно, почему я не могу поставить его? Пишет:

Код:

Загрузка mambot - Загрузка сорвана
ОШИБКА: Не могу найти Joomla! XML установочный файл в пакете.
[ Продолжить ... ]
Загрузка mambot - Сорвана
Установочный файл не найден:
/home/domen/domains/domen.com/public_html/media/install_4bc36647bcd31/
[ Продолжить ... ]

Я его даже вручную ставил, захожу в мамбот, а там никаких настроек.

Что-то с иксемелом.

Почему-почему -- да потому, что это для J1.0.x!

[Demir0]

Версия БД:    5.0.22
Версия PHP:    5.2.8
Web-сервер:    Apache/2
WebServer - PHP интерфейс:    apache2handler
Версия Joomla!:    Joomla! 1.0.12 Stable [ Lavra Edition 2007 ] 20 января 2007 01:00 UTC
Браузер:    Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.371.0 Safari/533.4

[yunoshev]

@Demir0
Тогда странно. Я себе одну из версий мамбота ставил на J1.0.12LE и ставилось без проблем. Спец. символов в файле XML не использую, что обычно и является причиной подобной ошибки во время установки.
А мамботы кнопок ставятся?

[Demir0]

Поменял кодировку XML на utf-8 и убрал строчку в нем же про windows-1251. Все заработало. Я в прострациях

С мамботами кнопок все то же самое. А спецсимвол все же был у вас там, но он не на что не вилял вроде как - "&"

[yunoshev]

А спецсимвол все же был у вас там, но он не на что не вилял вроде как - "&"

Молодец!
PS: &rarr; -- выбивало в Joostina в свое время.