Сегодня я расскажу об одном 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 - номера клавиш на клавиатуре, которые приведут к листанию вперед.