Увеличение изображений - плагин SP Thumbnail для Joomla

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

Не красиво выглядит увеличенное изображение на темном фоне браузера, используя плагин для Joomla 1.5/2.5 - SP Thumbnail, мы приведем это увеличение к красивому виду.

1. Устанавливаем и включаем плагин, в настройках плагина выбираем вариант, когда будет использоваться увеличение:

 - "Только класс".  Используя этот вариант, мы будем увеличивать изображения, которые будут помечены этим классом.
  - "Кроме класса" -  Будут увеличиваться все изображения, кроме указанного класса.
  - "Все изображения". Позволяет использовать для увеличения всех изображения на нашем сайте , независимо от класса.
В окне "класс" прописываем имя английскими буквами:"zoom" или другое имя, сохраняем и закрываем.
2. При создании материала добавляем изображение с размерами, которые хотим видеть при увеличении, но следует помнить, что больше чем размер окна браузера, изображение не вырастит. Заходим в настройки изображения и ставим размеры картинки какой хотим видеть её в статье, т.е. уменьшаем и если надо делаем обтекаемость, а в окне "class выбираем value и прописываем наш класс "zoom",  документ  сохраняем.
3. Теперь нам надо найти стиль всплывающего окна
у меня это по адресу: сайт\media\system\css\modal.css
и правим под свои предпочтения.
#sbox-overlay {
    position: absolute;
    background-color: transparent;
    left: 0px;
    top: 0px;
}
#sbox-window {
    position: absolute;
         //background-color: #fff;
    text-align: left;
    overflow: visible;
         //padding: 10px;
    /* invalid values, but looks smoother! */
         //-moz-border-radius: 3px;
         //-webkit-border-radius: 3px;
         //border-radius: 3px;
}
Убрать крестик выхода можно закомментировав строку:
//    background: url(../images/modal/closebox.png) no-repeat center;

Теперь после сохранения, увеличивая картинку, у Вас появится приятно увеличенное изображение.
Скачать:       plg_spthumbnail_v1.0.2.zip

Яндекс.Метрика
© 2014-2017 "Сашкин Дом" Все права защищены
"Сашкин Дом" - недорогие сайты и сопровождение