Как заставить карусель работать на сайте drupal

Я использую Drupal 6 для создания веб-сайта. Мне нужно вставить карусель. Несмотря на то, что плагины drupal утверждают, что они упрощают работу, я пытался «вечно» и просто не мог заставить ее работать. Я признаю, что я не разработчик php и не разработчик html/js. Но я думаю, что мне не нужно иметь эти навыки, если это должно быть легко.

Теперь я имею в виду http://dev.herr-schuessler.de/jquery/popeye/demo.html и разместили первый образец в теле (полный html) содержимого страницы в drupal. Я также скачал jQuery-popeye.zip и распаковал его в папку sites/default/files.

Если я правильно догадываюсь, мне нужен class="ppy-outer" для ссылки на эти загруженные файлы js. Итак, где я могу разместить файлы js в пути drupal?

Код в теле содержимого моей страницы

<div class="ppy-outer">
    <div class="ppy-stage">
        <div class="ppy-nav">
            <a class="ppy-prev" title="Previous image">Previous image</a>
            <a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
            <a class="ppy-switch-compact" title="Close">Close</a>
            <a class="ppy-next" title="Next image">Next image</a>
        </div>
    </div>
</div>
<div class="ppy-caption">
    <div class="ppy-counter">
        Image <strong class="ppy-current"></strong> of <strong class="ppy-total"></strong> 
    </div>
    <span class="ppy-text"></span>
</div>

Редактировать: заставить работать простую карусель было такой болью, что мне пришлось перейти на WordPress. Я ожидал большего от друпала. Но WordPress рулит по-крупному. Сравнение wordpress и drupal здесь.


javascript carousel html drupal drupal-6
person Siddharth    schedule 14.03.2012    source источник
comment
Недавно мне пришлось делать карусели на друпале. Мне пришлось физически закодировать их в моем файле шаблона:/   -  person Undefined    schedule 14.03.2012
comment
Можете ли вы дать мне шаги, как именно вы заставили его работать.   -  person Siddharth    schedule 14.03.2012
comment
Я бы хотел, но мой ответ будет очень длинным, он включает в себя использование примерно 3-4 разных модулей, php и javascript. Извини :/   -  person Undefined    schedule 14.03.2012
comment
Можете ли вы поделиться некоторыми советами, чтобы я мог двигаться в правильном направлении? :)   -  person Siddharth    schedule 14.03.2012
comment
Мой ответ вообще помогает? Если это так, вы можете принять это? :) Спасибо   -  person Undefined    schedule 14.03.2012
comment
Да, я пробую это. Как только я заработаю, я буду действовать. Спасибо Сэм..   -  person Siddharth    schedule 14.03.2012
comment
Нет, я бросил Drupal и переключился на wordpress. Оооочень лучше.   -  person Siddharth    schedule 05.02.2013

Ответы (2)


arrow_upward
1
arrow_downward

Чтобы создать карусель в drupal, мне пришлось использовать несколько разных модулей.

Просмотры, загрузка изображений и CCK

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

Затем мне пришлось создать представление, которое показывает только этот тип контента и упорядочено по дате обновления.

На этом этапе мне пришлось создать 2 шаблона, которые стилизовали представление.

Теперь на странице, которую я хотел поместить в карусель, я разместил некоторый код, который будет отображать представление. Для меня это было:

<?php
  $view = views_get_view('Main_Slider');
  if ($view) {
    print $view->execute_display('default');
    unset ($view);
  }
?>

Теперь, используя javascript, мне нужно было найти все изображения в представлении и поместить их в теги li.

Для меня я использовал:

$("li.mainsliderimg").appendTo("ul#main-slider");

Теперь, когда это завершено, я вызвал карусель, которая показывает изображения!

person Undefined    schedule 14.03.2012
comment
Страница -> Главная -> Редактировать -> Тип ввода Полный HTML -> Добавлен ваш код ‹?php› выше, но на странице отображается только код php. Эми, я что-то пропустил? - person Siddharth; 16.03.2012
comment
Вам нужно зайти в admin/settings/filters и активировать php - person Undefined; 16.03.2012
comment
Я включил модуль PHP. Это хорошо. Я получил карусель, чтобы показать. Теперь, как мне заставить мои изображения отображаться в этом ? - person Siddharth; 16.03.2012
comment
Он показывает карусель, а не изображения. Или я не знаю, как получить изображения, связанные с каруселью. Я надеюсь использовать путь по умолчанию/все/файлы. Я скопирую сюда carousel1.png carousel2.png carousel3.png. - person Siddharth; 16.03.2012

arrow_upward
1
arrow_downward

Просто актуальная ссылка

Для тех, кто использует: - Тема Bootstrap 3 в Drupal - Модуль JQuery Update

Проблема: карусель Bootstrap частично работает, но не работает кнопка «предыдущий/следующий».

Решение: отключите функцию «Плавная прокрутка» в Bootstrap 3, перейдите в «Внешний вид»> «Настройки»> «JavaScript»> «ANCHORS»> снимите флажок «Включить плавную прокрутку», по какой-то причине эта функция сделает кнопку «предыдущая / следующая» карусели неработающей

person Yuan Hsueh    schedule 20.03.2014