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

[rival175]

При отображении эскизов рамка вокруг них съезжает влево от изображения. Особенно сильно это заметно в Google Chrome. Страница http://www.skyglide.ru/index.php?option=com_content&task=view&id=17&Itemid=70 , эскиз внизу. Прочитал всю ветку, но не нашел ответа.

[yunoshev]

@rival175
А мне кажется, что это проблема только в Ваших стилях:

Код

...
<table cellspacing="10" border="0" align="left" style="width: 178px; height: 821px;" class="htmtableborders">
...
<img ...>
 

Попробуйте разобраться сами в Ваших таблицах. Вы, наверное, код вставляете из визуального редактора? Только они вставляют столько таблиц.

[rival175]

Ок, я убрал все свои таблицы из текста статьи, что бы не путать. Оставил только одну картинку с тегом {hsimage}. По моему стили моих таблиц уже не должны влиять на это, но проблема остается: http://www.skyglide.ru/index.php?option=com_content&task=view&id=17&Itemid=70

[yunoshev]

Хорошо, значит, поехали думать дальше, в чем может быть причина. Попробуйте поправить стиль  тега <а>, т.к. все картинки включены в него. Или откройте hsimage.php, там в самом начале идет стиль для него

[Димонтий]

Добрый день, не могли бы Вы прояснить следующую ситуацию (напомню, у меня в IE7 вместо уменьшенных картинок - кресты, при включенном SEF)
По непонятным для меня причинам все броузеры (Опера, ФаерФокс, Макстон) берут уменьшенный вариант картинки из
"http://localhost/mambots/content/highslide/timthumb.php?src=http://localhost/images/stories/web_links.jpg&w=150&h=110&zc=1", путь файла timthumb.php указывается корректно,
тогда как в IE7 картинка берётся из
"http://localhost/название-раздела-латиницей/mambots/content/highslide/timthumb.php?src=http://localhost/images/stories/web_links.jpg&w=150&h=110&zc=1", и конечно файла timthumb.php там нету, и следовательно крест вместо картинки.
Так как при отключении SEF и стирании файла .htacess всё работает, делаю вывод, что в нём что-то не так... Ниже я приведу кусок файла, который касается SEF, если ошибка для Вас очевидна, не укажете ли вы на неё?

Код:

########## Начало раздела SEF сторонних разработчиков или Core SEF  
########## Используйте этот раздел, если вы используете SEF-расширения типа OpenSEF, 404_SEF, 404SEFx, JoomSEF, SEF Advance и т.д.
#
RewriteCond %{REQUEST_URI} ^(/component/option,com) [NC,OR] ##опционально - смотрите примечания##
RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$  [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.php
#
########## Конец раздела SEF сторонних разработчиков или Core SEF

Заранее спасибо.
А на вашем демосайте путь до timthumb.php один и тотже во всех браузерах.

[yunoshev]

@Димонтий
А с помощью чего у Вас развернут локальный сервер? Пути у Вас какие-то "непривычные". У меня для локалки развернут Денвер.
Если честно, с таким глюком не сталкивался и пока что не знаю, как бороться. Сорри.

[Димонтий]

И у меня тоже Денвер.
Похоже придётся убрать SEF и htacess... Не могут же настройки из htacess влиять только на IE7... Бред какой то.

[злобный ламер]

Где скачать мамбот ???
Последняя рабочая версия мамбота здесь. ... ведет сюда же - поиск в инете приводит опять на этот форум где лежат старые мамботы
нашел в инете версию bot_hsimage_v.1.0.3.2.zip ни как не могу понять как кнопки установить в админе

[yunoshev]

@злобный ламер
Привет, злобный ламер.
Неужто при переходе по ссылке "Последняя рабочая версия мамбота здесь" не видно прикрепленного файла?
http://joomlaforum.ru/index.php?action=dlattach;topic=33289.0;attach=23012
А кнопки для мамбота висят в самом топике. Два архива. Или не получается их скачать-установить-опубликовать?
Что еще?

[Димонтий]

Спасибо за ответы,
проблемы устранены методом переустановки Joomla и сменой на sh404SEF (хотя причина была скорее всего не в Artio JoomSef, а просто в наслоениях многочисленных модулей/компонентов/мамботов).

[злобный ламер]

@злобный ламер
Привет, злобный ламер.
Неужто при переходе по ссылке "Последняя рабочая версия мамбота здесь" не видно прикрепленного файла?
http://joomlaforum.ru/index.php?action=dlattach;topic=33289.0;attach=23012
А кнопки для мамбота висят в самом топике. Два архива. Или не получается их скачать-установить-опубликовать?
Что еще?

Все получилось - спасибо большое
есть вопрос - мне пришлось на одной странице прилепить 3 картинки, но... они стали не вертикально вниз, а как бы елочкой вниз, как исправить?

[vint47]

Подскажите плиз в чем дело, поставил bot_hsimage_v.1.1.2.3, и превьюшка на сервере не отображаеся на локали все ok.
у папки cache права 777, там даже создается превьюшка(лежит в cache), я сам видел, но отображаться не хочет, что делать, с бубном танцевал не помогло)

[yunoshev]

@vint47
Как правило, при переносе сайта с локали на реальный сервер многие забывают про пути к картинкам, абсолютные пути сайта и т.д. Проверьте хорошенько эти параметры еще раз.

[yunoshev]

@злобный ламер
Попробуйте внедрить картинки, чередуя их с <br />.

[vint47]

Ура разобрался. Оказывается у меня не было отключено оповещение об ошибках, а при обращении к cкрипту выводилась

ошибка в строке

157 chmod($cache_file_name, 0666);

а когда скрипт пытался поменять хедер для вывода картинки у него ничего не получалось. Я написал
@chmod($cache_file_name, 0666);
и все хор.
Предлагаю написать перед изменением хедеров
ob_end_clean();
и соответственно в начале файла
ob_start();
тогда такой проблемы не будет возникать.

[mad rabbit]

Добрый день!
простите за ламерский вопрос!
Данный бот может при каких либо условиях показывать всплывающее изображение размером с превью при навдении мышки на текст или ссылку в контенте?
И еще:
не посоветует ли кто-нибудь бот, который бы при наведении мышки на текст или ссылку выводил в сплывающем комментарии типа alt текст читаемый, лучше даже html. А еще с картинкой )))
Напимер есть спискок людей.
При наведении мышкой на Фамилию появляется маленькая картиночка и небольшой текст: рост, возраст и т.п.
Простите, за офф!
p.s. для j1.5 

[yunoshev]

можно все, и даже вы это можете сами сделать. однако, для 1.5 нужно много переделывать. хотя возможно, beliyadm уже портировал этот плагин, спросите его

[beliyadm]

для 1.5 нужно много переделывать. хотя возможно, beliyadm уже портировал этот плагин, спросите его

так я ж тебя в свое время спрашивал насчет помощи в портировании для 1.5, сказал что уже сам сделал, потому я не влезал и не делал ничего

[yunoshev]

@beliyadm
нет прощенья мне...
была портирована промежуточная версия мамбота, чисто для проверки работоспособности.
катастрофически не успеваю, блин, закончу первый этап с каталогом товаров -- переключусь снова на HSImage и свой сайт (а то уже 2-ой месяц висит картинка "Sorry").

[злобный ламер]

@злобный ламер
Попробуйте внедрить картинки, чередуя их с <br />.

не помогает
3 картинки елочкой еще смотрятся нормально, но дальше уже перебор

[Baboon]

с нетерпением жду версии под 1.5. Зачетный плагин пользовался на 1.0 теперь не хочу менять.
промежуточная версия работает не корректно, почему то убирает заголовок статьи и ставит его в подпись картинки, а картинка с такой ошибкой:

[yunoshev]

@Baboon
Ясно. В новой версии для Joomla 1.5 такого не будет. Буду тестировать как полагается.

[fatalerror]

@Baboon
Ясно. В новой версии для Joomla 1.5 такого не будет. Буду тестировать как полагается.

Виктор, ориентировочно сроки не скажешь? 

[yunoshev]

@fatalerror
Скорее всего, что уже в следующем месяце, я как раз иду в отпуск, будет больше времени.

[beliyadm]

Виктор - так нужна версия под 1.5? Если да - скажи какая версия последняя и какую надо портировать под 1.5
сделаю плагин завтра к вечеру

[yunoshev]

beliyadm
Конечно, нужна!
Форумачанам она очень нужна, а сам я не успеваю... последняя версия прикреплена здесь.
Хочу еще скрестить это с версией, которая показывает материалы в подсказке, но это уже выложу позднее (надо же как-то заинтриговать форумчан)...

[beliyadm]

Виктор - тады я заберу твою указанную версию и завтра сделаю версию для 1.5. Скинь мне в личку свою почту либо аську - отправлю для тестирования (если еще будут желающие потестировать до официальной публикации - тоже контакты в личку)

[beliyadm]

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

[SerB]

помогите , не могу понять в чем дело, выдается ошибка
Fatal error: Call to undefined function imagecreatefromjpeg() in /var/www/internet/htdocs/ucke.ru/mambots/content/highslide/timthumb.utils.php on line 12
версия 1.1.2.3

[yunoshev]

Видимо, у вас не хватает графических библиотек