Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 181 Ответов
  • 34099 Просмотров
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@All
Здравствуйте!

При работе над очередным проектом на движке Joomla 1.5 возникла необходимость использования всплывающих картинок в статьях с использованием highslide.js.
Переработал свой старый мамбот в плагин.

Особенности использования:
  • заходим в настройки плагина и смотрим, что там есть, меняем на свое, включаем;
  • в материале, где нужно, просто делаем вставку изображения;
  • чтобы изображение было всплывающим, в класс тега IMG прописываем:
        * "hsimage" - генерация эскиза картинки и просмотр исходного изображения по нажатию (class="hsimage");
        * "caption-hsimage" - генерация эскиза картинки с подписью и просмотр исходного изображения по нажатию (class="caption-hsimage");
  • если включен режим обработки всех изображений и вы не хотите, чтобы изображение было всплывающим, в класс тега IMG прописываем nopopup (для варианта без подписи) либо caption-nopopup (для варианта с подписью) — только для версий 1.1.8+;
  • если для картинки указана своя ширина (высота), то они при формировании будут иметь бОльший приоритет по сравнению с настройками плагина;
  • если хотите, чтобы все эскизы картинок в материалах не были с одинаковой шириной и высотой, то в настройках плагина для параметра "Высота эскиза" укажите "auto" и параметр "Соотношение сторон эскиза" оставьте пустым -- все эскизы будут формироваться с шириной и/или высотой не более значения, выставленного в параметре "Ширина эскиза";
  • выравнивание: слева, справа, по центру;
  • загрузка скриптов только на тех страницах, где используется плагин;
  • эскизы кешируются в папку cache/hsimage/ причем каждый формат эскиза в свою папку, т.е. если указаны ширина 160, высота 90 и качество 80, то эскиз будет положен в папу 160x90x80 ( при первом показе эскиза в SRC тега IMG указывается скрипт обработки, при всех последующих показах -- кешированное изображение, авторство мое :) -- взял с каталога товаров yvCommodity);
  • параметр плагина "режим обработки": обрабатывать все изображения статьи (независимо от указанного класса изображения) или только указанные.

Для того, чтобы прописывать класс картинки без отключения редактора, а просто выбирать значения из выпадающего списка, надо в папке стилей шаблона сайта в файле editor.css (если такого нет -- создайте либо откройте templates\system\css\editor.css) добавить следующие строки:
Код
img.hsimage, img.caption-hsimage, img.nopopup, img.caption-nopopup {}
Внимание! Для редактора JCE необходимо в глобальной конфигурации JCE в графе "пользовательский CSS" прописать относительный путь к данному файлу.

Все, теперь можно работать, не отключая редактор.
[spoiler title=Редактирование статьи -- указание класса картинки]

[/spoiler]


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

Пример работы: смотреть здесь

[spoiler title=CHANGELOG]
CHANGELOG

plg_hsimage v.1.1.5_j.1.5
  • для эффекта popup картинки надо прописывать: <img ... rel="hsimage" /> ;
  • поддержка полупрозрачного фона подписи эскиза в IE6+;
  • выравнивание по центру (<img ...  align="center" />).

plg_hsimage v.1.1.6_j.1.5
  • теперь для обработки изображения используется класс изображения (см. пункт №2 особенностей использования);
  • новый параметр плагина "режим обработки": обрабатывать все изображения статьи (независимо от указанного класса изображения) или только указанные (по просьбе тов. bestel).

plg_hsimage v.1.1.7_j.1.5
plg_hsimage v.1.1.7_j.1.6-1.7
  • теперь для обработки изображения не обязательно указывать высоту эскиза и соотношение сторон (см. пункт №5 особенностей использования).

plg_hsimage v.1.1.8_j.1.6-1.7
  • если включен режим обработки всех изображений и вы не хотите, чтобы изображение было всплывающим, в класс тега IMG прописываем nopopup (для варианта без подписи) либо caption-nopopup (для варианта с подписью).

...

plg_hsimage v.1.2.3 j.2.5
  • возможность указания перечня страниц через запятую, где использовать плагин (ограничение посредством Itemid)
  • устранен баг загрузки нескольких копий стилей / скриптов на страницах категорий (блогов) материалов
[/spoiler]

Выложил последнюю версию плагина для Joomla 1.5 здесь.

[spoiler title=Все эскизы картинок с одинаковыми размерами]
Параметры плагина


Результат

[/spoiler]

[spoiler title=Все эскизы картинок с разными  размерами]
Параметры плагина


Результат

[/spoiler]

[вложение удалено Администратором]
« Последнее редактирование: 12.09.2013, 21:27:14 от yunoshev »
*

bestel

  • Осваиваюсь на форуме
  • ***
  • 62
  • 4
  • Let the metal flow!...
Огромное спасибо, Виктор! Не перестаешь радовать, опробуемс на след недельке на новом проекте :)
If you don't like Death, you don't like metal
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@bestel
Пожалуйста! :)
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
plg_hsimage v.1.1.5_j.1.5
  • поддержка полупрозрачного фона подписи эскиза в IE6+;
  • выравнивание по центру (<img ...  align="center" />).
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
plg_hsimage v.1.1.6_j.1.5
  • теперь для обработки изображения используется класс изображения (см. пункт №2 особенностей использования);
  • новый параметр плагина "режим обработки": обрабатывать все изображения статьи (независимо от указанного класса изображения) или только указанные (по просьбе тов. bestel).
*

temak

  • Новичок
  • *
  • 8
  • 0
Огромное спасибо, мужик!! Этот бот круче многих галлерей  и очень прост !
Сейчас поставил, попробовал, вообще класс  ^-^
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@temak
Пожалуйста! Будут глюки -- пишите. ;)
*

temak

  • Новичок
  • *
  • 8
  • 0
Кстати, а как в этой версии(v.1.1.6_j.1.5) запрещать показывать "большой вариант" картинки (nopopup), ведь он уже не использует такой синтаксис {hsimage|ваш_заголовок|выравнивание|ваша_ширина|ваша_высота|масштабирование} ?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@temak
Да, уже не использует, т.к. Joomla 1.5 требовала нового подхода.
Т.е. Вы хотите, чтобы для некоторых картинок в статье создавался эскиз, но можно было выставить запрет показа исходной картинки?
*

temak

  • Новичок
  • *
  • 8
  • 0
Знаю, глупо) просто хотел знать для информации.
Ну вот и начались проблемы...
Я тестировал этот плагин на локальном сервере. На одном сайте запустился и всё прекрасно работало ( Joomla 1.5.23).
Потом пробовал ставить на другие сайты (таже версия Joomla, но чуть другая сборка) - не работает. Просто прямоугольничек маленький и написано изображение. Кликаешь на него - в новом окне появляется картинка во всю величину. Посмотрел в папке кэш - плагин не создаёт маленькие эскизы. А иногда и большое изображение не появляется, показывает что идёт загрузка.
Потом пробовал и на ту же сборку где работал ставить(уже на другом сайте) и всё равно не работает (те же признаки, что и на других).
Кстати заметил, что модуль CD Login (всплывающее окно входа, который тоже использует Highslide) тоже зависает в загрузке на тех страницах, где есть Якобы уменьшенная картинка. Пробовал всё отключать, использующее Highslide - ничего. А на том первом сайте , где всё сразу работало и с этим модулем CD Login тоже  работает. Только почему-то затемнение фона как-то криво стало работать. Затемняется только половина экрана, а вторая половина остаётся как была.

Может знаете в чём может быть проблема? Заранее благодарю.
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@temak
Проблема, конечно же, в конфликте разных версий скриптов highslide, подключенных одновременно -- тут уж извините. :)
Надо разумно подбирать всевозможные "фичи" для сайта и тестировать их работу совместно.
С затемнением только половины экрана глюк наблюдается, если не ошибаюсь, только в Опере и только после прокрутки экрана вниз-вверх -- тоже не от меня зависит.

Что касается "пустых" эскизов. Откройте свойства картинки эскиза, скопируйте ссылку на изображение и вставьте его в новом окне браузера -- должно написать ошибку, по которой происходит сбой в работе плагина. Отпишите в эту ветку.

А с отключением некоторых картинок через "nopopup" постараюсь повозиться и что-то придумать. :)
*

temak

  • Новичок
  • *
  • 8
  • 0
Цитировать
С затемнением только половины экрана глюк наблюдается, если не ошибаюсь, только в Опере и только после прокрутки экрана вниз-вверх -- тоже не от меня зависит.
Да, в опере. ^-^
Цитировать
Что касается "пустых" эскизов. Откройте свойства картинки эскиза, скопируйте ссылку на изображение и вставьте его в новом окне браузера -- должно написать ошибку, по которой происходит сбой в работе плагина. Отпишите в эту ветку.

Я не совсем понял. Но сделал, как понял:)
Открыл исходный код страницы, нашёл там "пустой" эскиз, посмотрел ссылку на изображение этого эскиза, вставил в браузер и получил:
Цитировать
Error: source image does not exist: Z:/home/localhost/www/images/stories/13.jpg
хотя этот файл там действительно лежит.
« Последнее редактирование: 08.07.2011, 02:11:29 от temak »
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@temak
Ясно. Если Ваш локальный сервер работает на Денвере, то домены рекомендуется создавать в папке /home. К примеру, чтобы создать домен highslide.ru на локали нужно создать папку /home/highslide.ru/www, туда развернуть инсталляцию Joomla, перезапустить Денвер и установить Joomla. Только после этого можно будет продолжить анализ :)
А смотреть надо сюда: свойства картинки
*

fatalerror

  • Завсегдатай
  • *****
  • 455
  • 46
  • Уполномоченный по правам чайников
Виктор, а под Joomla 1.7 не пробовал плагин?
Расстреляно форумчан за нецензурщину: 1 (один).  Дерьмо случается...
*

kucaeva

  • Осваиваюсь на форуме
  • ***
  • 130
  • 0
yunoshev
чтобы изображение было всплывающим, в класс тега IMG прописываем (только для версий 1.1.6+):
    * "hsimage" - генерация эскиза картинки и просмотр исходного изображения по нажатию (class="hsimage");
    * "caption-hsimage" - генерация эскиза картинки с подписью и просмотр исходного изображения по нажатию (class="caption-hsimage");

А где и вернее в каком файле изменить  класс тега IMG?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
Виктор, а под Joomla 1.7 не пробовал плагин?
Что-то не думал об этом еще! :)
Намек понял -- попробую.

А где и вернее в каком файле изменить  класс тега IMG?
Что Вы хотите поменять -- заданный шаблон строки для обработки целым плагином (hsimage) или Вы не знаете просто, где именно этот класс указать для картинки?
*

kucaeva

  • Осваиваюсь на форуме
  • ***
  • 130
  • 0
Что Вы хотите поменять -- заданный шаблон строки для обработки целым плагином (hsimage) или Вы не знаете просто, где именно этот класс указать для картинки?
Когда я вставляю картинку, и нажимаю на пиктограмму  "Вставить/изменить изображение" и во второй вкладке "Визуализация"  есть поле "Класс".  Я так понимаю что эти классы уже где-то прописаны. Скажите а можно (куда именно я не знаю) дописать еще класс hsimage? Чтобы пользователь не знающий HTML мог простым выбором вставить этот класс?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@kucaeva
Так, кажется, я всех обманул. :)
Надо в папке стилей шаблона сайта в файле editor.css (если такого нет -- создайте, либо откройте templates\system\css\editor.css) добавить следующие строки:
Код
img.hsimage, img.caption-hsimage {}

Все, теперь можно работать.
[spoiler title=Редактирование статьи -- указание класса картинки]

[/spoiler]
« Последнее редактирование: 29.07.2011, 18:55:39 от yunoshev »
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@ALL
По просьбе fatalerror сегодня сделал версию плагина для других версий Joomla.

plg_hsimage v.1.1.7_j.1.6+1.7
  • работает только в Joomla 1.6 & 1.7;
  • теперь для обработки изображения не обязательно указывать высоту эскиза и соотношение сторон (см. пункт №5 особенностей использования).
plg_hsimage v.1.1.7_j.1.6+1.7 - Установил плагин, но он работать как надо отказывается, что примечательно сначала превьюшка создавалась, но не отображалась, по причине ошибки в самом изображении. Прокопался весь день, в итоге превьюшка не создается вовсе.
Вот что висит в свойствах изображения.
http://bonaventure.com.ua/plugins/content/hsimage/highslide/image.php?image=/images/tailand/map.jpg&width=127&height=1&cropratio=&quality=80&color=fff&reduce=1

С чем может быть связана данная проблема. Joomla 1.7
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@Keresh
Мне кажется, что не было нужды "копаться" в плагине, а стоило просто обратиться к хостеру. Генерируется ошибка 500 --  тут только тех.поддержка может помочь, они знают, какие параметры PHP-сервера необходимо изменить.
« Последнее редактирование: 24.09.2011, 00:27:43 от yunoshev »
*

Thr0TT1e

  • Новичок
  • *
  • 9
  • 0
Установил плагин, а воспользоваться не могу им.
Joomla 1.5.22, скачивал - plg_hsimage v.1.1.5_j.1.5.zip, установил, запустил (в настройках плагина в строке "Высота экскиза" поставил "auto" Ошибка?!).

Захожу в тему, в редакторе TinyMCE иконка с картинкой открывает все тот же старый скрипт

Внизу формы кнопка "Изображения" она открывает

Как мне настроить плагин на то, что бы он выводил картинки и увеличивал их?!

добавление <img ... rel="hsimage" /> ничего не даёт, он его даже не сохраняет...
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@Thr0TT1e
Сперва надо установить последнюю версию плагина для Joomla 1.5. Зачем Вы скачивали plg_hsimage v.1.1.5_j.1.5.zip я не пойму, т.к. параметр плагина "Высота экскиза" с возомжностью указания "auto" работает только для версий 1.1.6+.
Для показа расширенных параметров  изображения виз. редактора TinyMCE необходимо в его настройках (плагин редактора) включить режим "Расширенный" ("Extended"). И не забудьте подкорректировать стиль системного шаблона, чтобы иметь возможность указания класса из списка. А тег rel не сохранялся потому, что вы использовали виз. редактор, который такие теги вычищает перед сохранением... дело практики...
« Последнее редактирование: 24.09.2011, 23:11:12 от yunoshev »
*

Thr0TT1e

  • Новичок
  • *
  • 9
  • 0
@Thr0TT1e
Сперва надо установить последнюю версию плагина для Joomla 1.5. Зачем Вы скачивали plg_hsimage v.1.1.5_j.1.5.zip я не пойму, т.к. параметр плагина "Высота экскиза" с возомжностью указания "auto" работает только для версий 1.1.6+.
Для показа расширенных параметров  изображения виз. редактора TinyMCE необходимо в его настройках (плагин редактора) включить режим "Расширенный" ("Extended"). И не забудьте подкорректировать стиль системного шаблона, чтобы иметь возможность указания класса из списка. А тег rel не сохранялся потому, что вы использовали виз. редактор, который такие теги вычищает перед сохранением... дело практики...


Я только начал пользоваться Jooml'ой. Да и если бы знал, наверное не задавал глупых вопросов...
Что за последняя версия плагина для Joomla 1.5? Или проще, есть инструкция?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@Thr0TT1e
Я вижу, что вы новичок, я ж вас не ругаю за это :)
Сверху в топике есть файл plg_hsimage v.1.1.6_j.1.5.tgz, но это тоже старая версия. Просто папка upload форума переполнена. Выложил последнюю версию плагина для Joomla 1.5 здесь -- его и надо качать (plg_hsimage v.1.1.7_j.1.5.zip). Можно ставить поверх.
*

Thr0TT1e

  • Новичок
  • *
  • 9
  • 0
@Thr0TT1e
Я вижу, что вы новичок, я ж вас не ругаю за это :)
Сверху в топике есть файл plg_hsimage v.1.1.6_j.1.5.tgz, но это тоже старая версия. Просто папка upload форума переполнена. Выложил последнюю версию плагина для Joomla 1.5 здесь -- его и надо качать (plg_hsimage v.1.1.7_j.1.5.zip). Можно ставить поверх.

А что именно надо добавить в стили?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
@Thr0TT1e
Пожалуйста, читайте внимательней начало раздела. Я же не могу об этом писать на каждой странице.
*

olgamol

  • Осваиваюсь на форуме
  • ***
  • 49
  • 1
Я использую редактор JCE. Поставила этот плагин. Но как я поняла он с этим редактором не работает?
*

yunoshev

  • Разработчик расширений для Joomla 1.0
  • *
  • 1239
  • 175
Я использую редактор JCE. Поставила этот плагин. Но как я поняла он с этим редактором не работает?
Плагин с редактором никогда и не работал. Что Вам нужно?
*

olgamol

  • Осваиваюсь на форуме
  • ***
  • 49
  • 1
Мне нужно вставить картинку в материал, по необходимости ее уменьшить в самом визуальном редакторе. И что бы потом при просмотре сайта по клику на картинке (маленькой), появлялась большая картинка.
TynciMCE, не использую потому что вставка картинки только возможна через кнопку редактора "Изображение". Используя ее, я почему-то не могу вставить картинки, если вложенность папки, в которой лежит картинка больше трех.

И еще. Я установила Ваш плагин, и по умолчанию в некоторых материалах (созданных ранее) эффект всплывающего изображения появился сам, а на некоторых нет. Не пойму почему?

Во вновь создаваемых материалах (редактор TynciMCE, файл edit.css отредактирован как указано выше) позиция hsimage, в поле Class окна редактирования изображения, не появилась. Выбрав позицию Value, я могу потом вписать это значение вручную. И тогда плагин работает.

Надеюсь понятно все написала.
« Последнее редактирование: 12.10.2011, 13:52:24 от olgamol »