Сегодня я расскажу об одном must-have расширении, позволяющем организовать:
- Автоматическое создание миниатюр изображений заданного размера;
- Красивое перелистывание изображений при помощи встроенного lightbox'a;
- Открытие полного материала при клике на любое изображение из вида блога категорий;
- Поддержку тэгов alt и title, необходимых для продвижения сайта;
- Возможность устанавливать width и height вручную;
- Возможность назначить класс-исключение для изображений, которые плагину не стоит трогать;
- Затрудняет воровство картинок с сайта
Плагин называется mavik Thumbnails и доступен для скачивания на сайте Joomla Extensions.
После установки плагина идем в настройки:
Link to article for blogs - ставим "Yes", что активирует функцию открытия материала по клику на изображение из вида блога категории.
В Do for можно установить: ресайзить все изображения; изображения только заданного класса; все, кроме изображений заданного класса. Рекомендую поставить "Except classes" и создать класс "notresize" для картинок, которые уменьшать не требуется.
Далее: устанавливаем размеры по умолчанию для миниатюр в видах Full Text (вид материала) и Blogs and Frontpage (вид Главной страницы и вид Блога категорий). Значение "Default size" я рекомендую поставить "For not resized", что даст нам свободу устанавливать свой размер миниатюр стандартными img width и height там, где это будет необходимо.
Остальные параметры на мой взгляд не столь интересны, что однако не является поводом не ознакомиться с ними ;)
И, напоследок один важный момент: в момент первичной загрузки картинок их миниатюры создадутся в папке images/thumbnails, таким образом, если вам потребуется обновить изображение, то необходимо удалить миниатюру прежней картинки из папки thumbnails, в противном случае само изображение обновится, а миниатюра — нет.
БОНУСЫ
В качестве бонуса укажу файл, где можно настраивать параметры всплывающего окошка (убедитесь, что в настройках Type of popup: Slimbox): /plugins/content/mavikthumbnails/mavikthumbnails/slimbox-mt1.2/js/slimbox.js.
В нем очень аккуратно выцепляем параметры:
- overlayOpacity - прозрачность фона;
- overlayFadeDuration - скорость затемнения фона (мс);
- resizeDuration - скорость изменения размера рамки (мс);
- imageFadeDuration - скорость анимации переключения изображения (мс);
- captionAnimationDuration - скорость появления подписи изображения (мс);
- counterText - шаблон формирования подписей картинок;
- closeKeys - номера клавиш на клавиатуре, которые приведут к закрытию слайдшоу;
- previousKeys - номера клавиш на клавиатуре, которые приведут к листанию назад;
- nextKeys - номера клавиш на клавиатуре, которые приведут к листанию вперед.