1. Необходимо создать в шаблоне позицию, где будет размещен этот код. Позицию в шаблоне необходимо создать в теге head. Поэтому сначала открываем файл шаблона index.php и находим конец строчку </head>. Перед этой строкой добавляем строку
<jdoc:include type="modules" name="userhead" />
2. Также нужно добавить код <position>userhead</position> в файл templateDetails.xml в секции <positions>
3. Создаем модуль HTML-кода. Пишем любое название модуля. Напротив «Позиция:» выбираем уже созданную выше позицию «userhead».
Код модуля
<link rel="stylesheet"
href="
http://www.ваш сайт/components/com_joomgallery/assets/css/joom_settings.css" type="text/css" />
<link rel="stylesheet"
href="
http://www.ваш сайт/components/com_joomgallery/assets/css/joom_common.css" type="text/css" />
<link rel="stylesheet"
href="
http://www.ваш сайт/components/com_joomgallery/assets/css/joom_common2.css" type="text/css" />
<link rel="stylesheet"
href="
http://www.ваш сайт/components/com_joomgallery/assets/css/joom_category.css" type="text/css" />
<link rel="stylesheet"
href="
http://www.ваш сайт/components/com_joomgallery/assets/js/slimbox/css/slimbox.css" type="text/css" />
<script type="text/javascript" src="
http://www.ваш сайт/includes/js/overlib_mini.js"></script>
<script type="text/javascript"
src="
http://www.ваш сайт/components/com_joomgallery/assets/js/joomscript.js"></script>
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="
http://www.ваш сайт/components/com_joomgallery/assets/js/slimbox/js/slimbox.js"></script>
<script type="text/javascript">
overlib_pagedefaults(WIDTH,250,VAUTO,RIGHT,AUTOSTATUSCAP, CSSCLASS,TEXTFONTCLASS,'jl-tips-font',FGCLASS,'jl-tips-fg',BGCLASS,'jl-tips-bg',CAPTIONFONTCLASS,'jl-tips-capfont', CLOSEFONTCLASS, 'jl-tips-closefont');
var resizeJsImage = 1;
var resizeSpeed = 5;
var joomgallery_image = "Файл";
var joomgallery_of = "из";
</script>
4. Чтобы пользоваться этим модулем, в тексте статьи для каждой фотографии нужно добавить код:
<a href="/адрес большой фотографии" rel="lightbox[SLIDE_SHOW_ID]" title="Описание картинки">
<img src="/адрес маленькой фотографии" alt="Описание картинки" border="0"/></a>
В этом коде SLIDE_SHOW_ID – это фраза или цифра, которая означает что фотографии, которые ее содержат, будут принадлежать к определенном слайд-шоу или категории.
Обязательно нужно отключить визуальный редактор, можно просто нажав [show/hide]
или отключив его в настройках. Иначе обрежет скрипт.