1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

[РЕШЕНО] Как создать вертикальный циклический слайдер на JCarousel без Views?

Главные вкладки

Аватар пользователя vkapas vkapas 29 марта 2014 в 13:06

Требуется создать циклический слайдер с помощью jCarousel без Views и вывести его в блоке.

Прошу помочь с составлением кода.

В хэлпе нашёл 2 примера — вертикалью карусель (с прокруткой вниз или вверх до упора):

<ul class="verticalcarousel jcarousel-skin-default">
  <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
  <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
...
</ul>

<?php jcarousel_add('verticalcarousel', array('vertical' => TRUE)); ?>

и горизонтальную циклическую (с прокруткой по кругу):

 <?php
$items = array (
  0 => '<img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" />',
  1 => '<img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" />',
...
);
$options = array (
  'wrap' => 'circular',
);
print theme('jcarousel', array('items' => $items, 'options' => $options));
?>

Заставить вертикальную карусель быть циклической у меня не получилось. На сайте jCarousel такого примера также не нашёл.

Очень нужна помочь компетентных в этом людей.

UPD. Решение найдено с помощью благородного сэра Chyvakoff.

Комментарии

Аватар пользователя Chyvakoff Chyvakoff 29 марта 2014 в 17:31

Так vertical - это такое же свойство, передаваемое переменной $options в функцию theme_jcarousel

function theme_jcarousel($variables) {
  ...
  $options = $variables['options'];
  ...
  jcarousel_add($identifier, $options);
  ...
}

Так должно сработать.

 <?php
$items = array (
  0 => '<img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" />',
  1 => '<img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" />',
);
$options = array (
  'wrap' => 'circular',
  'vertical' => TRUE,
);
print theme('jcarousel', array('items' => $items, 'options' => $options));
?>