[РЕШЕНО] Карусель

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

Аватар пользователя xSPiRiTx xSPiRiTx 23 августа 2014 в 6:10

Нужен блок с вертикальной каруселью изображений. Вот такой:

это jcarousel. однако модуль https://www.drupal.org/project/jcarousel работает только с Views 2. С Views 3 работает этот модуль: https://www.drupal.org/project/views_slideshow_jcarousel
но! эта карусель добавляется во вьюхе просто как пейджер. выглядит это как Gallery Formatter. т.е. имеется одно большое основное изображение, а под ним каруселька-переключалка как пейджер меняет основное большое изображение. А мне нужна просто тупо вертикальная карусель, которая автоматом крутится, при наведении останавливается, при клике на превьюшку разворивает фотку через colorbox.

Посоветуйте как поступить

Комментарии

Аватар пользователя xSPiRiTx xSPiRiTx 23 августа 2014 в 10:22

поковыряю еще эти карусели, а пока что сделал так: создал несколько нод, в которых по 4 изображения вставлены. и вот эти ноды прокручиваю через views slideshow в блоке сбоку

Аватар пользователя xSPiRiTx xSPiRiTx 24 августа 2014 в 0:45

"drupby" wrote:

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

Аватар пользователя drupby drupby 10 ноября 2015 в 11:49

"xSPiRiTx" wrote:
у меня они ни в какую не крутятся

могут быть проблемы с query update
"xSPiRiTx" wrote:
и настройки множественного поля изображений. у меня они ни в какую не крутятся. оно же должно крутиться, если я все картинки в одной ноде через поле изображения закачал? или нада на одну картинку создавать одну ноду?

если multi field изображения то

"xSPiRiTx" wrote:
библиотеку скачанную куда нужно положить?

библиотека в самом модуле уже есть

Аватар пользователя xSPiRiTx xSPiRiTx 24 августа 2014 в 13:43

давай попробуем разобраться:
1) на момент написания поста установлена последняя версия Drupal, Views, JCarousel

2) JQuery Update - выставлена версия 1.10

3) Создаю тип материала 'JCarousel type', добавляю поле 'JCarousel image', в качестве виджета мультизагрузки изображений использую модуль Multiupload imagefield, в настройках поля выставляю, что количество загруженный файлов не ограничено.

4) Создаю ноду типа 'JCarousel node' и заливаю через поле 10 изображений

5) Создаю представление с именем 'JCarousel view', убираю галку "Создать страницу", ставлю галку на "Создать блок", выбираю Показать Содержимое типа JCarousel type. В блоке, где мы пометили галку "Создать блок" в формате отображения выбираю "JCarousel" из "поля", см. скриншот:
http://storage9.static.itmages.ru/i/14/0824/h_1408872871_9838368_643d8e8...

6) в настройке вьюхи я из раздела ПОЛЯ удаляю "Содержимое: Заголовок" и добавляю "Содержимое: JCarousel image Появляется в: node:jcarousel."
http://storage5.static.itmages.ru/i/14/0824/h_1408873241_2898517_bed05cf...
в настройках этого поля я естественно убираю метку, стиль изображения выбираю стандартный Thumbnails 100x100, в настройках множественного поля снимаю галку с "Отображать все значения в одну линию", получается так:
http://storage6.static.itmages.ru/i/14/0824/h_1408873360_4818884_5699a8e...
общие настройки вьюхи выглядят так:
http://storage9.static.itmages.ru/i/14/0824/h_1408873461_7418711_a934ec1...

7) ну в итоге в предпросмотре я уже получаю кривое отображение превьюшек, которые не крутятся каруселью:
http://storage8.static.itmages.ru/i/14/0824/h_1408873512_8296812_46217ef...

Аватар пользователя xSPiRiTx xSPiRiTx 24 августа 2014 в 23:59

у меня мои карусели с jquery 1.8 и 1.7 глючат. например, в колорбоксе счетчик количества изображений внизу сбивается, если карусель прокрутить, он накручивает плюсом еще 4 изображения. потом я просто закрыл в хроме нижнюю панель закачанных файлов и карусели "потухли"...одни стрелки остались, а картинки исчезли.

с jquery 1.5 пока нормально

Аватар пользователя xSPiRiTx xSPiRiTx 25 августа 2014 в 1:07

а кто-нибудь умеет менять направление этой карусели, когда она автоматом скроллится?
в файле sites/all/modules/jcarousel/js/jqueryjcarousel.js поменял
rtl: false,
на
rtl: true,

- ниче не меняется

Аватар пользователя xSPiRiTx xSPiRiTx 25 августа 2014 в 19:13

точно! в исходном коде задействован файл jquery.jcarousel.min.js
на его настройки реагирует, в качестве примера я изменил параметр animation:"normal" на animation:"fast"...скорость стала быстрой.
но! что нужно править, чтобы изменить направление карусели? она у меня сейчас вертикальная, крутится снизу вверх. а мне нужно наоборот сверху вниз водопадом опускать.

там есть параметр rtl (Right To Left), в файле он установлен как
rtl:!1,

я пробовал rtl:!0, rtl:0, rtl:1, rtl:false, rtl:true - ни на один не реагирует

Аватар пользователя drupby drupby 26 августа 2014 в 1:56

"xSPiRiTx" wrote:
на его настройки реагирует, в качестве примера я изменил параметр animation:"normal" на animation:"fast"...скорость стала быстрой.
но! что нужно править, чтобы изменить направление карусели? она у меня сейчас вертикальная, крутится снизу вверх. а мне нужно наоборот сверху вниз водопадом опускать.

ну вообще файлы модуля лучше не трогать, а подключать свой скрипт и там в Drupal.settings добавлять/менять нужные параметры, но дело в том, что для вертикальной карусели rtl не работает

Аватар пользователя xSPiRiTx xSPiRiTx 27 августа 2014 в 16:11

"Chyvakoff" wrote:
Можно написать немножко кода и вывести настройку rtl во вьюс.

всё можно! но я не умею пока еще

Аватар пользователя Chyvakoff Chyvakoff 28 августа 2014 в 17:28

Найди в jcarousel функцию option_definition и добавь в неё строчку $options['rtl'] = array('default' => FALSE);
Рядом с ней будет функция options_form в неё добавь

    $form['advanced']['rtl'] = array(
      '#type' => 'checkbox',
      '#title' => t('RTL'),
      '#description' => t('Right to left carousel.'),
      '#default_value' => $this->options['rtl'],
    );

Может этого уже хватит, точно не скажу.