Категория: Стиль и дизайн

SP ThumbnailSP Thumbnail - это полезный плагин позволяющий организовать на вашем сайте просмотр изображений в модальном окне. Также, с помощью данного плагина, вы сможете вставлять в контент ваших страниц уменьшенные изображения разных размеров, чтобы тем самым экономить места на страницах вашего сайта, в тоже время сохраняя возможность увеличения в полный размер графических изображений при наведении и клике на него. После установки данного плагина и небольших настроек, SP Thumbnail сделает всю работу за вас. Вам не надо будет переделывать все уже имеющиеся изображения на сайте, с данным плагином всё гораздо проще. Вам необходимо будет просто прописать в настройках необходимым CSS класс для тек графических изображений, для который вы хотите сделать Ajax увеличение.

Установка плагина SP Thumbnail на сайт:

Установка по сути совершенно не отличается от установки любого другого плагина, модуля или компонента на сайт. Всё делается через менеджер расширений, где вы нажимаете кнопку обзор и выбираете заранее скаченный с данного сайта zip архив Spthumbnail-j25-j30.zip.

Spthumbnail инсталляция в админку сайта

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

В плагине имеется три варианта увеличения изображений:

  1. All images - это опция, которая при включении на сайте будет увеличивать все изображения. То есть, вне зависимости к каким классам отнесены те или иные изображения, они все будет обрабатываться плагином SP Thumbnail для увеличения.
  2. Only class - эта опция позволяет увеличивать только те изображения которым присвоен только определённый класс, который вам необходимо будет вписать в настройки плагина в поле class. (Например, img-container)
  3. Expert class - данная опция позволяет увеличивать все изображения, кроме того класса, который вписан в данное поле.

Скачать - SP Thumbnail



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


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

Вы находитесь здесь:   ГлавнаяСтиль и дизайнПлагин SP Thumbnail для увеличения изображений