Categories

Новые шаблоны

Joomla 2.5 Как работать со слайдером

Chris Diaz Март 6, 2012
Rating: 2.3/5. From 3 votes.
Please wait...

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

В первую очередь откройте административную панель Joomla и найдите модуль slider. Обратите внимание на тип этого модуля. Все модули находятся в разделе Extensions > Modules Manager административной панели.

В зависимости от типа модуля используйте следующие инструкции для редактирования.

K2 Content

K2 content это модуль по умолчанию из компонента K2. Он выводит элементы определенной категории K2. Слайдер создан на основе модуля с добавлением jQuery скрипта. Для активации слайдера выберите модуль Sub-template. Он должен быть nivo-slider.

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

В поле item count укажите количество слайдов, которые должны отображаться.

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

Помните, что отображение изображения является обязательной опцией.

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

  • css
  • nivo-slider.css — css файл слайдера
  • js
  • jquery.nivo.slider.js — JavaScript файл слайдера

Если вы хотите отредактировать ядро модуля слайдера, то вам потребуется файл html\mod_k2_content\nivo_slider\default.php.

В нижней части этого файла вы найдете все доступные настройки Nivo Slider и сможете их изменить:

<script type="text/javascript">
  jQuery(window).load(function(){
 var $slider_ul_id = $('#slider'); //Please define slider items list ID
 $slider_ul_id.nivoSlider({
  effect: 'boxRainGrow',
  slices: 1,
  boxCols: 8,
  boxRows: 4,
  animSpeed: 500,
  pauseTime: 7000,
  startSlide: 0,
  directionNav: true,
  directionNavHide: false,
  controlNav: true,
  controlNavThumbs: false,
  controlNavThumbsFromRel: false,
  controlNavThumbsSearch: '.jpg',
  controlNavThumbsReplace: '_thumb.jpg',
  keyboardNav: false,
  pauseOnHover: true,
  manualAdvance: false,
  captionOpacity: 1,
  prevText: 'Prev',
  nextText: 'Next',
  beforeChange: function(){},
  afterChange: function(){},
  slideshowEnd: function(){},
  lastSlide: function(){},
  afterLoad: function(){}
  });
  });
  </script>

Вы сможете больше узнать про nivo slider и его настройки тут.

Vinaora Nivo Slider

Альтернативным решением для создания слайдера в Joomla 2.5 является Vinaora Nivo Slider. Это модуль от сторонних разработчиков, который архив шаблона и находится в папке sources. Его потребуется установить в разделе Extensions > Extensions Manager главного меню.

Вы можете узнать больше об этом модуле на официальной странице http://vinaora.com/vinaora-nivo-slider/

Шаблоны для Джумла
Эта запись была размещена в Joomla! Туториалы и помечена как framework, joomla, k2, slider. Добавьте в закладки постоянную ссылку.

Submit a ticket

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