ARI Cloud Carousel — карусель изображений для Joomla 2.5.

Опубликовано: 31.10.2017

Сегодня после небольшого перерыва мы вновь приступаем к изучению CMS Joomla. В данном уроке мы научимся делать красивую карусель изображений для Joomla 2.5 с помощью модуля ARI Cloud Carousel. Этот модуль не использует флэш, работает на javascript и css, при этом выглядит очень эффектно. Посмотреть работу данного расширения можно здесь . ARI Cloud Carousel имеет много настроек для того чтобы вы смогли подогнать карусель под свои нужды, подробнее о некоторых настройках вы узнаете из этого урока.

3D Carousel Joomla Module

Скачать модуль можете с официального сайта разработчика. После установите этот модуль через менеджер расширений.

Приступим к настройке модуля. После включения пройдите в раздел «Разширения –> Менеджер модулей» где должен появиться модуль карусели изображений ARI Cloud Carousel. По умолчанию он выключен, включите его и пройдите к его настройкам кликнув по нему.

Her carousel Joomla Module

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

Название: Давайте назовем модуль «Карусель». Показать заголовок: Скрыть. Выбор позиции: Привычное место для каруселей подобного типа это шапка сайта, поэтому по возможности выберите позицию в верхней части шаблона.

Не забудьте привязать модуль ко всем страницам вашего сайта в блоке «Привязка к пунктам меню».

Теперь перейдем к основным параметрам модуля.

Блок настроек «Styles parameters».

Здесь нам нужно задать высоту и ширину нашей карусели.

Блок настроек «Carousel parameters (параметры карусели)»

Reflection height: В этом поле можно задать высоту или убрать эффект отражения слайда снизу, для этого просто укажите в этом поле значение 0. Auto rotate: Если установить значение этого поля left или right то карусель будет вращаться автоматически влево или вправо. Вращение прекращается , когда посетитель сайта наводит курсор мышки на карусель и возобновляется курсор перемещается на другие области на сайте. Mouse wheel support : Вращение карусели при помощи прокрутки колесика мышки Reverse mouse wheel : Этот параметр позволяет сместить направление вращения карусели с помощью мыши в обратную сторону. Show navigation: Здесь нам нужно выбрать показывать кнопки навигации или нет, я их отключил, так как они не всегда уместны.

Блок настроек «Slides parameters (параметры слайдов)».

Image path: В этой текстовой области вам нужно указать относительные пути к папке с изображениями или же к самим изображениям которые вы хотите вывести в карусель, каждое новое значение нужно вводить с новой строки. Thumbnail width: Ширина миниатюры 200 Thumbnail height: Высота миниатюры 250

Ну вот и все, карусель изображений готова. На этом примере вы убедились что в Joomla можно красиво оформить свой сайт совершенно не владея языками программирования.