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

SP Thumbnail - плагин для увеличения изображений в Joomla 2.5/3.xплагин joomlaсовместим с joomla 3совместим с joomla 2.5

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

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

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

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

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

 

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

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

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

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

основные настройки плагина - sp thumbnail

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

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

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

 

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

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

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

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

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

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

sp thumbnail - параметры изображения

 

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

 

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

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

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

 

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

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

Вложения:
Скачать этот файл (spthumbnail_3.0.1_j3.2.zip)spthumbnail_3.0.1_j3.2.zip[Плагин для Joomla 3]15 kB
Скачать этот файл (spthumbnail_3.0.1_j2.5.zip)spthumbnail_3.0.1_j2.5.zip[Плагин для Joomla 2.5]15 kB


Используйте кнопочки - буду очень благодарен!!!

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


Защитный код
Обновить