|
В этом уроке мы рассмотрим процесс ручного добавления слайд-шоу из фото-галереи JoomGallery в статьи и другие объекты Joomla.
Добавлять слайд-шоу в статью будем делать на примере страницы http://www.skole.com.ua/ru/papers/7-skolivszina/24-pmonastir.html, а фотографии для слайд-шоу будем брать с соответствующего раздела галереи. Чтобы эффект слайд-шоу был доступен в статьях и объектах, нужно сначала создать модуль, который бы включал скрипты из галереи JoomGallery для других страниц сайта, на которых мы хотим использовать функционал из JoomGallery. Это мы сделали в прошлом уроке под названием «Использование функционала JoomGallery в других объектах Joomla».
Чтобы поставить слайд-шоу из фото-галереи на страницу сайта, нужно добавить такой код:
<a href="/адрес большой фотографии" rel="lightbox[SLIDE_SHOW_ID]" title="Описание фотографии"> <img src="/адрес маленькой фотографии" alt="Описание фотографии" border="0"/> </a>
В этом коде SLIDE_SHOW_ID – это фраза или цифра, которая означает что фотографии, которые ее содержат, будут принадлежать к определенном слайд-шоу или категории.
Адреса маленькой и большой фотографий в этом коде мы можем взять со страницы галереи: http://www.skole.com.ua/ru/gallery.html?func=viewcategory&catid=15
Это делается с помощью правого клика по фотографии и выбора «копировать ссылку на изображение» (рис. 2.1 и рис. 2.2).  
Пример кода для двух фотографий, которые мы хотим вставить в статью, показан ниже:
<a href="http://www.skole.com.ua/components/com_joomgallery/img_originals/_____15/__20091005_1640779950.jpg" rel="lightbox[monastir1]" title="Начало дороги к Розгирче"> <img src="http://www.skole.com.ua/components/com_joomgallery/img_thumbnails/_____15/__20091005_1640779950.jpg" alt="Начало дороги к Розгирче" border="0"/> </a> <a href="http://www.skole.com.ua/components/com_joomgallery/img_originals/_____15/__20091005_1247554514.jpg" rel="lightbox[monastir1]" title="Нафтопровод"> <img src="http://www.skole.com.ua/components/com_joomgallery/img_thumbnails/_____15/__20091005_1247554514.jpg" alt="Нафтопровод" border="0"/> </a>
Этот код будет показывать слайд-шоу из двух изображений. Добавление этого кода в статью делается в виде html-вставки следующим образом (рис. 2.3): 1) в панели администратора открываем статью; 2) в редакторе находим кнопочку «html» и нажимаем ее; 3) откроется окно с html-кодом в котором добавляем наш код слайд-шоу в соответствуеще место; 4) нажимаем кнопку «Update»; 5) сохраняем документ (кнопка «Сохранить»).

|