Вы здесь

Owl carousel - создание слайдшоу с каруселью

0

Всем привет.
Продолжаю использовать owl для создания слайдшоу и каруселей. Ничего лишнего. Все работает и устраивает. Есть поддержка Colorbox.
Есть задача, с которой сам не смог справиться.
Нужно вывести набор картинок в ноде в таком виде:

Есть пример кода jQuery как это сделать:

  var sync1 = $("#sync1");
  var sync2 = $("#sync2");

  sync1.owlCarousel({
    singleItem : true,
    slideSpeed : 1000,
    navigation: true,
    pagination:false,
    afterAction : syncPosition,
    responsiveRefreshRate : 200,
  });

  sync2.owlCarousel({
    items : 15,
    itemsDesktop      : [1199,10],
    itemsDesktopSmall     : [979,10],
    itemsTablet       : [768,8],
    itemsMobile       : [479,4],
    pagination:false,
    responsiveRefreshRate : 100,
    afterInit : function(el){
      el.find(".owl-item").eq(0).addClass("synced");
    }

В настройках owlcarousel в админке drupal функционал не возможно реализовать. Остаётся делать всё руками.
Вообще для реализации подобного на owl нужно 2-а одинаковых слайдшоу, а затем js их синхронизирует. Верхний становится основным, нижний навигационным.

В самом модуле есть препроцессные функции, их можно воткнуть в темплейт.пхп моей темы и продублировать выдачу слайдшоу, а далее синхронизировать всё через js. Правильно ли я думаю?
Может кто-то делал что-то похожее на owl+drupal? Поделитесь опытом, пожалуйста.
Спасибо.

Версия Drupal: 
7.x
Категория: 
Javascript
Связанные проекты: 
Owl Carousel
Вопрос задан 05.06.2016 - 10:30
function theme_owlcarousel_wrapper($variables) {
  $attributes = $variables['output']['#settings']['attributes'];

  return '<div' . drupal_attributes($attributes) . '>' . drupal_render($variables['output']) . '</div>';
}

Данный код выводит обёртку и всё содержимое слайдшоу. Каким образом можно через эту функцию задублировать выдачу?

Комментарий оставлен 05.06.2016 - 10:48

Ответы