Хостинг для Joomla:

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

ВебМаниZ417310586352
R397827462806

СМСSMS (от 5 руб.)

Деньги пойдут на оплату хостинга и на развитие сайта.
В примечании к платежу укажите Ваш email и Имя.

Администрация сайта.

Home Уроки Компоненты Joomla Добавление эффекта слайд-шоу из JoomGallery в статью
Добавление эффекта слайд-шоу из JoomGallery в статью PDF Печать

В этом уроке мы рассмотрим процесс ручного добавления слайд-шоу из фото-галереи  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).
 Рис. 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)    сохраняем документ (кнопка «Сохранить»).


Рис. 2.3. Добавление кода слайд-шоу в статью.

 

 
 JOOMLA MASTER; WEB Хостинг