В уроке описан процесс добавления функционала эффекта слайд-шоу из JoomGallery в статьи и объекты.

Для добавления функционала эффекта слайд-шоу был статьи и объекты, нужно сначала создать модуль, который бы включал скрипты из галереи JoomGallery для других страниц сайта, на которых мы хотим использовать функционал из JoomGallery.  Добавлять функционал слайд-шоу мы будем на примере сайта о карпатском городе Сколе.

Но перед началом создания модуля необходимо создать в шаблоне позицию, где будет размещен этот код. Позицию в шаблоне необходимо создать в самом верху файла – в теге head. Поэтому сначала открываем файл шаблона index.php и находим конец строчку </head>. Перед этой строкой добавляем строку

<jdoc:include type="modules" name="userhead" />



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

Примечание: файл шаблона index.php находится в папке шаблона. В нашем случае используется модифицированный шаблон «rhuk_milkyway», который входит в дистрибутив Joomla 1.5. Поэтому index.php находится здесь: templates\rhuk_milkyway\.

Также нужно добавить код  <position>userhead</position> в файл templateDetails.xml в секции <positions> (рис. 1.2).




Перезаписываем эти два файла на сервере и приступаем к написанию модуля слайд-шоу.

Для этого в общих настройках сайта нужно отключить визуальный редактор TinyMCE, то есть нужно выбрать опцию «Editor- No Editor» (рис. 1.3). Это нужно сделать для того, что большинство визуальных редакторов блокируют скрипты с точки зрения безопасности сайта.



Теперь заходим в «Менеджер модулей», нажимаем зеленую кнопку «Создать», выбираем «Произвольный HTML-код» и нажимаем зеленую кнопку «След.» (рис. 1.4).

Появится модуль для добавления HTML-кода. Здесь пишем любое название модуля; в нашем случае напишем «JoomGallerySlideShow». Напротив пункта «Показать заголовок:» выбираем «Нет», напротив «Включен:» - ставим «Да». Напротив «Позиция:» выбираем уже созданную выше позицию «userhead». Для «Назначение меню» можно выбрать конкретное меню, но мы оставим по умолчанию (рис. 1.5).


В разделе «Пользовательский текст» добавляем следующий код

<link rel="stylesheet" href="http://www.skole.com.ua/components/com_joomgallery/assets/css/joom_settings.css" type="text/css" />
<link rel="stylesheet" href="http://www.skole.com.ua/components/com_joomgallery/assets/css/joom_common.css" type="text/css" />
<link rel="stylesheet" href="http://www.skole.com.ua/components/com_joomgallery/assets/css/joom_common2.css" type="text/css" />
<link rel="stylesheet" href="http://www.skole.com.ua/components/com_joomgallery/assets/css/joom_category.css" type="text/css" />
<link rel="stylesheet" href="http://www.skole.com.ua/components/com_joomgallery/assets/js/slimbox/css/slimbox.css" type="text/css" />

<script type="text/javascript" src="http://www.skole.com.ua/includes/js/overlib_mini.js"></script>
<script type="text/javascript" src="http://www.skole.com.ua/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.skole.com.ua/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>

В этом коде не забудьте заменить домен «http://www.skole.com.ua» на имя своего сайта.
Нажимаем кнопку «Сохранить» и модуль готов к использованию.

Чтобы пользоваться этим модулем, в тексте статьи для каждой фотографии нужно добавить код:

<a href="/адрес большой фотографии" rel="lightbox[SLIDE_SHOW_ID]" title="Описание картинки">
<img src="/адрес маленькой фотографии" alt="Описание картинки" border="0"/>
</a>

В этом коде SLIDE_SHOW_ID – это фраза или цифра, которая означает что фотографии, которые ее содержат, будут принадлежать к определенном слайд-шоу или категории.

Более подробно почитать, как пользоваться этим кодом, мы рассмотрим в следующем уроке «Добавление эффекта слайд-шоу из JoomGallery в статью».