Освоение jquery

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

Аватар пользователя HooliganS HooliganS 20 марта 2012 в 9:49

Всем доброе время суток.
Товарищи, ни как не могу освоить jquery. Поставил Drupal 7, закачал модуль jquery_update, включил. Закачал из паутины заготовочку галерею. И не как не получается у меня её запустить. В заготовке куча файлов папок стилей, что куда девать и, что где подключать никак не могу разобрать. Подскажите пожалуйста, может есть какое -нибудь видео, желательно для чайников, так что бы всё показали и разъяснили. Спасибо большое за помощь.

Комментарии

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

Попробуйте так:
Создайте в папке своей темы три папки - img, css, js
Скачайте какой-нибудь простенький плагин. Стандартный набор плагина: js-файл, css-файл, папка с картинками и html-файл (index). На сайте создайте документ, например "Страница". Вставьте в нее следующее:

<?php
drupal_add_js('sites/all/themes/ваша_тема/js/file.js');
drupal_add_css('sites/all/themes/ваша_тема/css/file.css');
?>

"file" замените своими названиями.
ваша_тема - соответственно ваша тема, например garland.

Далее вставляете код, расположенный в файле index между тэгами body. Сами тэги вставлять не надо.
И наконец вызов плагина, например:

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});

Сохраняете документ в формате PHP. Очищаете кэш.
В файлы page.tpl.php и template.php ничего добавлять не нужно.

Внимательно проверьте файлы css и index на правильность написания путей к картинкам. Если вы сложили все файлы изображений в папку img, путь будет такой: /sites/all/themes/ваша_тема/img/файл.jpg Слэш в начале обязательно ставить. В файле css тоже могут быть указания на изображения. Там тоже поменяйте пути.

Пример страницы целиком во вложенном файле. Использовалась стандартная тема Garland, поэтому и путь соответствующий.

Специально написал подробно, как для первоклассников, чтобы меньше было потом вопросов из-за ошибок невнимательности.