Оказывается, этот способ не всегда удобен, особенно для пользователей, которые незнакомы с программированием, HTML и WEB-дизайном. Поэтому, в этом уроке будет описан альтернативный способ добавления визуальных эффектов к фотографиям с помощью расширенных параметров для ссылок и фотографий в текстовом редакторе ICE.

Будем иметь ввиду, что у вас уже настроен сайт согласно уроку «Использование функционала JoomGallery в других объектах Joomla».
Перед добавлением изображений в материалы сайта необходимо взять ссылки на их размещение в галереи JoomGallery. Эта процедура подробно описана в уроке «Особенности добавления визуальных эффектов к фотографиям в материалы сайта».

Поэтому мы будем считать, что мы уже имеем ссылки на миниатюры и оригиналы изображений и сразу переходим в панель администратора Joomla. В нашем случает это семь изображений, которые имеют общее название «Частная усадьба "Смерековая". Малый коттедж».

В панели администратора выбираем наш материал (статью) в которую мы хотим добавить изображения с эффектами.

Сначала добавляем в статью миниатюры изображений. Для этого в текстовом редакторе ICE наводим курсор мыши в место, где мы хотим добавить изображения, и нажимаем кнопку «Insert/Edit Image». Откроется окно Менеджера изображений «Image manager», где напротив «URL» вводим ссылку на миниатюру первого изображения, а также вводим название напротив «Alternate Text» (рис. 1). Также добавим границу между миниатюрами изображений, чтобы они не были слитными. Для этого ставим галочку напротив свойства «Граница» («Border»), выбираем ширину ревную 2, выбираем стиль («Style») solid и указываем белый цвет границы под свойством «Color». Чтобы выбрать цвет границы  - нужно нажать на белый квадратик, который находится справа от свойства «Color» или ввести код цвета. Для белого цвета этот код таков:  #ffffff (рис. 1).

После нажатия кнопки «Insert» рисунок миниатюры появится в статье. Аналогично добавляем остальные миниатюры изображений (рис. 2).

Теперь переходим к настойке ссылок для миниатюр, с помощью которых по клику будут появляться оригиналы изображений и слайд-шоу. Для этого в редакторе выбираем первую миниатюру и кликаем на значок «Insert/Edit Link». Появится окно «Advanced link», в котором вводим ссылку на оригинал изображения (рис. 3), а снизу в графе атрибутов «Attributes»  вводим заголовок (тег «title») изображения.

Для настройки эффектов переходим в закладку «Advanced»,  напротив свойства «Relationship page to target» с выпадающего меню (снизу) выбираем «(Add Value)» и в этой сточке вводим «lightbox[идентификатор]», где вместо слова «идентификатор» вводим любые буквы или цифры, которые будут определять, что это изображение будет принадлежать определенной группе, которая будет отображаться в слайд-шоу. Мы введем просто «kotedz1» (рис. 4). Теперь нажимаем кнопку «Insert», чтобы обновить ссылку.
Аналогично делаем эти операции для остальных изображений.

Если изображений много, то удобно сначала добавить ссылки, потом описания и в конце - свойство «lightbox[идентификатор]». При этом для обновления  нужно уже пользоваться кнопкой «Update», которая появится вместо кнопки «Insert».

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