Joomla: {mosimage} и LightBox

Отображение содержимого сайта на Joomla обеспечивают несколько составных частей: во-первых, это компоненты, которые позволяют работать с контентом сайта. Во-вторых, это модули, которые отображают контент и в-третьих — мамботы, которые выполняют ряд сервисных функций.

Самым часто используемым мамботом, на мой взгляд, является мамбот MOSImage. Он обеспечивает вставку изображений в материалы. Основным его неудобством является то, что изображения небоходимо предварительно обрабатывать перед вставкой их в сайт — масштабировать, кадрировать. Когда с сайтом работает один или два грамотных редактора — проблем не возникает, но чем больше персонала обслуживает сайт, тем больше приходится времени уделять на их обучение.

Очень часто на сайте требуется, чтобы все изображения были одного размера по ширине или высоте. Разумеется, очевидный способ — вручную их масштабировать, но это не очень рационально. В настоящее время широкое распространение получила библиотека jQuery, которая позволяет проще разрабатывать вставки на JavaScript. На текущий момент к ней разработано большое количество расширений, среди которых есть плагин для просмотра изображений на весь экран LightBox. Его работу можно увидеть даже в моем блоге, щелкнув на любом изображении из статьи.

Я несколько модифицировал мамбот отображения изображении, чтобы они масштабировались автоматически до нужного размера, а затем, при щелчке, показывались бы оригинальные изображения.

Для работы нам потребуется библиотека jQuery, которую можно скачать с официального сайта http://jquery.com, ну или скачать полный комплект всего, что нужно отсюда.

Скачанный архив содержит несколько папок, содержимое каждой из них нам понадобится. Обновляем шаблон и мамбот следующим образом:

1. Папку mosimage, и файлы mosimage.php и mosimage.xml кидаем на ваш сайт в папку /mambots/system/.
2. Cодержимое папок css и jquery добавляем в ваш текущий шаблон.
3. В текущем шаблоне необходимо дописать следующие строки для подключения библиотеки jquery и плагина LightBox

fv_business_blue замените на название Вашего текущего шаблона.

Настройка размера изображения осуществляется через панель администрирования сайта в разделе Мамботы-Мамботы сайта-Изображение MOS.

За размер изображения в статье отвечает параметр Автомасштаб.