Тест S5 Box

Вот примерно так работает модуль в реале...

Плагин вставки картинок в контент Joomla. JoomSlide

JoomSlide logo

Введение.

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

JoomSlide - является многоязычным информационным плагином, который автоматически создает эскизы в содержании статьи с помощью Highslide .
Вы можете использовать JoomSlide для создания  небольшой галереи в ваших статьях или придать интересный эффект  изображениям.
Обладая широкими возможностями JoomSlide даст возможность настроить слайдер Highslide по своему вкусу и поддерживает многие расширения джумлы.

Особенности

  • Применим изображения.
  • Выбор размера эскизов по ширине или высоте
  • Поддерживаемые форматы изображений: JPG, PNG, GIF
  • Выбор эскиза изображения формата: JPG, PNG, GIF или авто
  • Панель управления (показать / скрыть, позиция, прозрачность ...)
  • Автоматическое уменьшение изображения в окне
  • Название текста (верхний слой, положение, непрозрачность ...)
  • Продвинутые эффекты с ActionScript 1.0 Уравнения библиотеки (30 efects)
  • Слайд-шоу с установкой промежутка времени и повтора

Скачать плагин вы можете отсюда:

  • http://joomlacode.org - тут находится не руссифицированная Joomslide;
  • Joomslide 1.41 rus - тут выкладываю найденную в инете руссифицированную Joomslide.

Установка и настройка.

Устанавливаем как обычно через "Расширения" -> "Установить/удалить".

Однако установки и опубликования плагина не достаточно. Если вы для создания контента используете так называемые редакторы контента, то согласно данной инструкции "ИНСТРУКЦИЯ" необходимо проделать следующее:

скачиваем editor.css, закидываем этот файл в папку с вашим шаблоном /templates/ваш шаблон/css открываем файлы template.css и editor.css и добавляем в конец каждого из файлов эту строку .joomslide {border: 0;}

Далее выкладываю скрины настроек с отметками изменений какие я сделал, чтобы у меня открывались картинки так как в этой статье.

Параметры плагина JoomSlide изображение 1

Параметры плагина JoomSlide изображение 2

Параметры плагина JoomSlide изображение 3

Параметры плагина JoomSlide изображение 4

Созданные мини-изображения по умолчанию создаются в папке /images/stories/thumbs

Поиграйтесь с параметрами HighSlide. Данные параметры влияют на то как будет открываться окно с увеличенной картинкой.

У данного плагина на сегодняшний день я нашел только один недостаток, если это можно так назвать. Он не совсем "дружит" с визуальными редакторами контента.  Например если вам нужно будет разместить картинку в тексте, чтобы текст обтекал картинку, то заметите что на сайте текст будет ниже или выше картинки (а в визуальном редакторе будет показываться как надо). Для того чтобы заставить текст обтекать изображение придется отключив редактор проставить теги для параметра IMG.

Например если Вам нужно чтобы картинка была слева и текст обтекал ее справа то в параметре img поставьте тег align="left". Тогда код вставки картинки будет примерно такого вида:

<img src="/images/stories/google/Google_logo.jpg" height="225" width="299" align="left" </img>

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

Удачи !{odnaknopka}

Комментарии   

 
Koskv
0 #16 Koskv 19.03.2013 12:29
Цитирую Олег:
Проблема обтекания текста решается при использовании редактора CKeditor joomlacode.org/.../...

Совершенно верно! На сегодняшний день, с выходом последних версий визуальных редакторов проблемы решились. Спасибо за комментарий
 
 
Олег
+1 #15 Олег 18.03.2013 17:38
Проблема обтекания текста решается при использовании редактора CKeditor joomlacode.org/.../...
 
 
Koskv
0 #14 Koskv 27.01.2012 12:27
Смотря, что Вы хотите реализовать... Вы хотите чтобы по клику на фото открывалась страница интернета ?
 
 
Serg
+1 #13 Serg 27.01.2012 09:36
Цитирую Loriskap:
Очень полезный плагин, спасибо.

Подскажите а есть ли такой плагин с такими же функциями но только что бы путь к фото был указан на внешний ресурс.
 
 
Loriskap
0 #12 Loriskap 26.01.2012 07:34
Очень полезный плагин, спасибо.
 
 
Koskv
0 #11 Koskv 10.01.2012 12:24
Цитирую Тимфоей:
Переустановил. Заработал. Только папки так и нет.

папка там где Вы указали в параметрах плагина "Путь".
Когда Вы вставляете картинку в статью и меняете ее первоначальный размер в папке THUMBS создается уменьшенная копия картинки. Ее Вы и видите в статье, после клика по ней открывается настоящая картинка.
При некорректном отображении Preview все изображения из THUMBS можно удалить, они пересоздадутся заново при открытии сайта .
 
 
Тимфоей
0 #10 Тимфоей 08.01.2012 09:12
Переустановил. Заработал. Только папки так и нет.
 
 
Тимфоей
0 #9 Тимфоей 08.01.2012 06:40
Почему-то нет папки /images/stories /thumbs плагин сам ее должен создать? Изображения вставляется, сразу стандартного размера в текст с чем это может быть связано?
 
 
Koskv
0 #8 Koskv 18.12.2011 18:41
Цитирую Слава:
Спасибо. Проблема была в самом шаблоне )

Рад, что ты сам разобрался ! Удачи !
 
 
Слава
0 #7 Слава 16.12.2011 21:35
Спасибо. Проблема была в самом шаблоне )
 
cs-nsk

Последние комментарии

Теги ...

Опрос: iOS или Android ?

Какой ОС вы чаще пользуетесь?

iOS - 0%
Android - 60%
Windows Mobile - 20%
Tizen - 0%
Другая. - 20%

Всего голосов: 5
Голосование в этом опросе закончено в: 01 Янв 2017 - 00:00
Яндекс.Метрика Анализ сайта Рейтинг@Mail.ru