Всплывающие картинки в Joomla 2.5 / 3: Плагин SP Thumbnail

Плагин увеличения изображений Joomla

SP Thumbnail — качественный плагин увеличения картинок, на вашем сайте Joomla 2.5 | 3.x. Маленький размер, простые и понятные настройки, отличное поведение в мобильной версии сайта.

Плагин SP Thubnail позволяет пользователю, одним нажатием получить увеличение изображения на Joomla сайте и позволяет вам улучшить юзабилити вашего web-ресурса.

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

Внешний вид увеличенного изображения

Всплывающие картинки в Joomla

По клику — всплывающее изображение центруется и увеличивается до естественных размеров, а остальная часть страницы затемняется. Если нажать на иконку с «крестиком» или в любую часть затемненной страницы, то то увеличенное изображение закроется.

Установка и настройка SP Thumbnail

Установка стандартная — через менеджер расширений.

Настройка: заходим в «Менеджер плагинов», находим SP Thumbnail.

Всплывающие картинки в Joomla

Плагин имеет всего несколько параметров настройки:

«Thumbnail for» — здесь из выпадающего списка можно выбрать, к каким именно изображениям мы будем применять плагин. Есть три варианта:

  • Only class — увеличение будет применяться, только к тем изображениям к которым задан определенный класс.
  • Except class  — будет применяться ко всем изображениям кроме определенного класса.
  • All class — будет применяться ко всем изображениям на вашем сайте.

«Class» — имя класса, можете указать любое. Обязательно указываем если используется вариант «Only class» или «Except class».

Советую выбирать «Only class», тем самым вы сможете увеличивать только те изображения, к которым прописано определенное имя класса.

Как прописать класс изображению в Joomla

Ну тут все просто, показываю на примере в стандартном редакторе TinyMSE:

Допустим у вас есть картинка размером 500px на 1000px, вы хотите что бы в материале она имела размер 100px на 200px, а при нажатии на нее — открывалась картинка с полноценными размерами (500×1000).

Открываем «Параметры изображения» -> вкладка «положение»:

Всплывающие картинки в Joomla

  • Размер — в данной настройке, нам необходимо задать размер уменьшенного изображения, которое будет показываться по умолчанию, а при нажатии на него  —  в модальном окне будет открываться полноценное изображение. В нашем примере изображение должно быть уменьшено в 5 раз, можно прописывать только один параметр — например ширина (в нашем случае 100px), второй параметр будет подобран автоматически, но должна обязательно стаять галочка в чекбоксе «Сохранить пропорции».
  • Класс — сюда нужно прописать то имя класса, которое вы указали в настройках плагина SP Thumbnail. В моем случае имя класса — «sp-thumbnail». Также можно добавить дополнительное имя класса — через пробел.

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

Возможности плагина всплывающих картинок SP Thumbnail

  • Не вызывает конфликтов с другими расширениями Joomla
  • Отлично показал себя в мобильной версии сайта. Пример, если экран пользователя меньше чем оригинальное изображение, то при нажатии на миниатюру — всплывающая картинка будет адаптироваться под размеры экрана и не превысит их, что позволит пользователю нормально просмотреть картинку на мобильном дисплее.
  • Данный плагин хорошо подходит, для создания материалов с фото инструкциями. Пользователю не приходится листать длинную страницу туда-сюда.

Более подробную информацию и просмотреть демонстрацию работы плагина, вы можете на сайте разработчика SP Thubmnail.

Скачать плагин SP Thumbnail

Вложения:
spthumbnail_3.0.1_j3.2.zip [Плагин для Joomla 3] 15 kB
spthumbnail_3.0.1_j2.5.zip [Плагин для Joomla 2.5] 15 kB
Понравилась статья? Поделиться с друзьями:
Добавить комментарий