SP Thumbnail — качественный плагин увеличения картинок, на вашем сайте Joomla 2.5 | 3.x. Маленький размер, простые и понятные настройки, отличное поведение в мобильной версии сайта.
Плагин SP Thubnail позволяет пользователю, одним нажатием получить увеличение изображения на Joomla сайте и позволяет вам улучшить юзабилити вашего web-ресурса.
Данный плагин позволяет создавать кликабельные изображения, а в частности всплывающие картинки в модальном окне. В настройках плагина вы можете указать, к каким именно изображениям должно применяться увеличение (ко всем, к отдельным и ко всем кроме отдельных).
Внешний вид увеличенного изображения
По клику — всплывающее изображение центруется и увеличивается до естественных размеров, а остальная часть страницы затемняется. Если нажать на иконку с «крестиком» или в любую часть затемненной страницы, то то увеличенное изображение закроется.
Установка и настройка 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, а при нажатии на нее — открывалась картинка с полноценными размерами (500×1000).
Открываем «Параметры изображения» -> вкладка «положение»:
- Размер — в данной настройке, нам необходимо задать размер уменьшенного изображения, которое будет показываться по умолчанию, а при нажатии на него — в модальном окне будет открываться полноценное изображение. В нашем примере изображение должно быть уменьшено в 5 раз, можно прописывать только один параметр — например ширина (в нашем случае 100px), второй параметр будет подобран автоматически, но должна обязательно стаять галочка в чекбоксе «Сохранить пропорции».
- Класс — сюда нужно прописать то имя класса, которое вы указали в настройках плагина SP Thumbnail. В моем случае имя класса — «sp-thumbnail». Также можно добавить дополнительное имя класса — через пробел.
Теперь у нас есть размеры миниатюры изображения и прописан соответствующий класс, а больше ничего и не нужно.
Возможности плагина всплывающих картинок SP Thumbnail
- Не вызывает конфликтов с другими расширениями Joomla
- Отлично показал себя в мобильной версии сайта. Пример, если экран пользователя меньше чем оригинальное изображение, то при нажатии на миниатюру — всплывающая картинка будет адаптироваться под размеры экрана и не превысит их, что позволит пользователю нормально просмотреть картинку на мобильном дисплее.
- Данный плагин хорошо подходит, для создания материалов с фото инструкциями. Пользователю не приходится листать длинную страницу туда-сюда.
Более подробную информацию и просмотреть демонстрацию работы плагина, вы можете на сайте разработчика SP Thubmnail.
у плагина SP Thumbnail конфликт с sigplus