Главная » Группы » Drupal-кухня

Как прикрутить jquery слайдер???

Как прикрутить jquery слайдер себе на страницу, подобно тому, как это отображено тут : http://www.brightwebsitedesign.com/

Прошу помочь с внедрением слайдера в тему. К примеру, это может быть easySlider 1.5. Если можно, опишите, что, как и где прописать, что куда поставить!!! Зарание, большое спасибо)

rusalka / 1 февраля, 2012

Комментарии

1. Найти сам слайдер (гугл кишит ссылками http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-f... ) и скачать

2. нужно сделать в теме файл my_slider.js

Drupal.behaviors.api_extra_change_state = function(){	
  $("#slider").easySlider();
};

3. Далее если нужно для главной страницы слайдер, то в теме создать/отредактировать файл template.php
function ваша_тема_preprocess_page()
в этой функции необходимо вставить загрузку джава скрипта http://api.drupal.ru/api/function/drupal_add_js/6
с помощью которой загружается библиотека и потом лучше в футер загрузить код запуска слайдера:

drupal_add_js(drupal_get_path('theme', 'имя темы') .'/имя скрипта.js', 'theme');
drupal_add_js(drupal_get_path('theme', 'имя темы') .'/my_slider.js', 'footer');

4. в блок вставляем НТМЛ код с нужными картинками и ссылками, все это в блоке с id="slider"

orb / 1 февраля, 2012 - 19:10

Это если вручную прикрепить любую галерею на JQuery.
Но в друпал есть и более легкие пути с готовыми модулями, для этого нужно погуглить на тему слайдер в Друпал, там все на модуле views + модуль слайдера
http://drupal.org/project/nivo_slider
http://drupal.org/project/views_slideshow

Видеоурок часть 1
Видеоурок часть 2

orb / 1 февраля, 2012 - 19:15

Я по этим видео и делал, все вышло, слайдер показался в основных ссылках, при переходе с главной на него, все работает. Вопрос, как теперь этот слайдер (nivo+views) вывести именно под хедером на всех страницах?

rusalka / 1 февраля, 2012 - 19:24

для это необходимо что бы там был регион в теме. Если такого региона нет, тогда нужно создать. Делаются регионы просто:
1. в Инфо (имя_темы.info) файл темы. добавит такую строку
regions[slider] = Header slider

2. в файле page.tpl.php в нужном вам месте вставить такую запись
<?php print $slider ?>

3. Зайти на страницу с темами и нажать кнопку "Сохранить" (что бы сбросить кеш темы и перестроить ее)

orb / 1 февраля, 2012 - 19:38

Единственное, что могу добавить к Вашему ответу, что при создании нового региона в .info нужно описать также, как и regions[slider] = Header slider и существующие регионы, иначе они все пропадут))))))))) большое Вам спасибо.. атоо на русском форуме послали читать и гуглить, а это не всегда то, что может помочь человеку!!!

rusalka / 3 февраля, 2012 - 10:41

Большое спасибо!!!!! все удалось сделать!!!

rusalka / 3 февраля, 2012 - 09:51