Joomla 2.5 Как работать с jCarousel

Эта инструкция продемонстрирует, как работать с каруселью в шаблонах Joomla 2.5.

Для начала откройте административную панель Joomla и найдите модуль carousel. Посмотрите, какого типа этот модуль. Все модули расположены в разделе Extensions > Modules Manager административной панели.

Чаще всего для создания карусели мы используем модуль компонента K2 и jQuery плагин jCarousel. Откройте настройки модуля и посмотрите на раздел Basic Settings.

Жизненно необходимыми настройками являются module class suffix и sub-template.

Вы можете использовать любой module class suffix для модуля jCarousel, но он должен быть определен.

Следующим пунктом является sub-template. В выпадающем списке выберите, пожалуйста, jcarousel sub-template.

В поле Items Count укажите количество элементов, которые должны отображаться.

В выпадающем списке sources укажите, какие элементы должны отображаться. Это могут быть элементы определенной категории или же конкретные элементы.

В разделе настроек элемента View Options определите, какие части элемента будут отображаться (заголовок, текст, изображения и т.д.).

Если вы хотите произвести полное редактирование карусели, то вам потребуются следующие файлы из папки templates/theme###:

• css
• jquery.jcarousel.css — css файл карусели
• js
• jquery.jcarousel.min.js — JavaScript файл карусели

Если вам нужно внести изменения в ядро карусели, то обратитесь к файлу html\mod_k2_content\jcarousel\default.php.

В верхней части файла вы найдете настройки jCarousel, которые сможете изменить:

<script>
jQuery(window).load(function(){
/*Carousel ID is defined by the module class suffix.*/
var $carousel_ul_id = $('#<?php if($params->get('moduleclass_sfx')) echo $params->get('moduleclass_sfx'); ?>');
$carousel_ul_id.jcarousel({
  visible: 3,
  scroll: 1,
  wrap: 'circular',
  animation: 'slow'
  })
  });
  </script>