Вставка картинок с всплывающим увеличением в контент CMS Joomla 1.7

1 звезда2 звезда3 звезда4 звезда5 звезда (6 голос, рейтинг: 4,00 из 5)
Loading ... Loading ...

Хотите оперативно получать новые уроки и статьи блога LAWANS.RU. Просто введите ВАШ e-mail на форме справа >>>

Привет Всем!

В предыдущем посте я рассмотрел плагины для вставки видео-аудио материала в контент. Теперь давайте поговорим о картинках. Необходимо чтобы при вставке в контент больших изображений они автоматом уменьшались ( с созданием соответственно уменьшенных копий) и при клике увеличивались поверх контента.

Я взял на рассмотрение два плагина: BK-multithumb, mavik Thumbnails.

Начнем с BK-multithumb (http://joomla.rjews.net/downloads/category/15-multithumb-for-joomla-16).

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

  • Popup method – вид всплывающего окна (10 ВИДОВ)
  • Minimum image size – размеры превьюшки
  • Proportions –методы уменьшения картинок
  • Background/Transparent – цвет фона
  • Popup for non resized images – отображать или нет всплывающее окно для не уменьшенных картинок (т.е. для тех, которые были загружены по размеру меньше указанного нами)

Article thumb –настройки для картинок в стилях статей.

Здесь параметр Thumbnails for articles важен, он предлагает варианты манипуляций с картинками и в каких местах.

  • Для всех категорий (1),
  • только для указанных ниже(2),
  • кроме указанных ниже(3),
  • для картинок с определенным классом CSS(4),
  • ни для каких(5)

Ниже идут параметры

Categories of articles  – это как раз для пунктов 2-3

Image classes – для пункта 4

Thumbs size – размер превью картинок на сайте (по умолчанию стоит 150*100)

Blog thumb parameters – настройки для картинок в стиле блог.

Border parameters – параметры рамок

Caption parameters – параметры заголовка

Grouping parameters – параметры групповой настройки фоток (если картинка не одна в контенте)

Gallery parameters – параметры галереи

Full-size image parameters –параметры для полноразмерных изображений

Magnifying symbols parameters – параметры курсора для увеличения фоток

Watermark parameters – параметры защиты изображения через  Watermark

Slimbox parameters – параметры для всплывания Popup method в стиле Slimbox

PrettyPhoto parameters – параметры для всплывания Popup method в стиле PrettyPhoto

Shadowbox parameters – параметры для всплывания Popup method в стиле Shadowbox

iLoad parameters – параметры для всплывания Popup method в стиле iLoad

jQuery parameters – параметры библиотеки jQuery

Image type parameters – параметры для расширений картинок

Дополнительные параметры.

BK-multithumb параметры

Уфф. Наконец-то все перечислил. Их так много что думаю это универсальный плагин. Давайте глянем, как он работает.

Вот вставил картинку большую размером 630*407. А получили маленькую 150*97 (то что по умолчанию как раз и было в параметре Thumbs size)

BK-multithumb превью на сайте

А вот при увеличении. Что и требовалось.

BK-multithumb увеличение

Плагин отличный и главное многофункциональный. Есть всё что нужно я считаю. Минусов не нашел. Может вы найдете. Плохо опять же, что нет русского языка.

Далее переходим к mavik Thumbnails (http://www.mavik.com.ua/download/mvThumbnails.zip).

Что радует так это русский язык! Тут также можно настроить вид всплывания, хотя их тут всего 3 вида против 10 у BK-multithumb.

Дополнительные параметры– тут тоже есть настройка для каких картинок делать уменьшение. Но здесь можно только либо для всех, либо для определенного класса или кроме класса CSS. Категории выбрать нельзя.

Полный текст –настройки для картинок в стиле статьи.

Блоги и главная –настройки для картинок в стиле блоги.

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

Хотя тут в Системных параметрах есть параметр Каталоги для иконок, т.е. для них можно выделять свои папки. Хотя думаю это не особо важно.

Вот что видим в админке:

mavik Thumbnails параметры

Кстати у плагина такая фишка – картинку можно либо создавать уменьшенной по умолчанию через настройки, либо самим уменьшать её размер до необходимого прямо в редакторе. Т.е. превью картинок в статьях могут быть разными. Может кому–то это и требуется, однако мне удобнее чтобы всё делалось автоматом.

Вид картинки на сайте такой же как и для плагина BK-multithumb. Поэтому пример не буду здесь приводить.

Плюсы плагина по сравнению с предыдущим – наличие русского языка в настройках и размер плагина раза в два меньше предыдущего. А в остальном есть только мелкие фишки, которые думаю незначительны. Кому не требуется множества лишних настроек, может с легкостью юзать этот плагин. Ещё бы защиту изображений на него и вполне компактный плагин получился бы.

Вот и всё собственно.

Выбирайте что вам больше подходит по настройкам. Для гурманов думаю будет полезен плагин  BK-multithumb, а для неприхотливых mavik Thumbnails.

А какими плагинами для вставки изображений со всплывающим окном пользуетесь Вы?


У ВАС ведь есть ТЕЛЕФОН? Или mp3-player? А может даже планшет, ноутбук или игровая консоль!
Хочется, чтобы он был необычным и уникальным?
Заходите к нам – мы поможем.

  
  
{lang: 'ru'}

Похожие статьи

4 thoughts on “Вставка картинок с всплывающим увеличением в контент CMS Joomla 1.7

  1. Подскажите, где и куда поместить файл, чтобы от туда работал этот параметр: Watermark parameters – параметры защиты изображения через Watermark. И что в этом файле должно быть, а также какой путь у него? Спасибо!

    • Дмитрий файлы с Watermark можете помещать куда угодно например в папку images, тогда в параметре Watermark file просто напишите http://имя_сайта/images/имя_файла. Про создание файла с Watermark можете прочитать в инете набрав “Создание водяных знаков” – есть и уроки по этому и программы и даже сервисы для их создания. (вот нашёл например один из сервисов по созданию – watermark.algid.net/ru/article-create-watermark.php)

  2. Не нашел в BK-multithumb возможности отображения маленькой картинки только в превью, а в полной новости чтоб отображалась полная…не подскажете?

  3. А где настроить количество изображений предварительного просмотра? Загружаю по несколько фото к статье, и все они в тексте. Мне надо только одно до клика. Через панель в конструкторе такой настройки нет. Может, в каком-то файле?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>