jQuery

Темизация Drupal урок 6 Темизация Views slideshow и jcarousel

В этом видео я буду темизировать  Views slideshow, я переопределю несколько шаблонов и подключу плагин jcarousel для темизации пейджера слайдшоу.

Используемые модули

Views slideshow - http://drupal.org/project/views_slideshow

Плагины:

jQuery jCarousel - http://sorgalla.com/projects/jcarousel/

Код для работы jcarousel:

Drupal и jQuery. Урок 8. Подключаем к drupal 7 jquery ui, jquery ui tabs

Код файла

/sites/all/modules/custom/custom.info

name = custom
description = custom module
core = 7.x

/sites/all/modules/custom/custom.module

<?php

  drupal_add_library('system', 'ui.tabs');

 

 CSS-код:

#tabs{
  border: 0px;
}

.ui-tabs-nav{
  background: none;
  border: none;
} 

 HTML код в node-product.tpl.php:

Cloud zoom

Раздел форума: 

Доброго времени суток, Иван.

Пересмотрел все материалы и на вашем сайте и прочих источниках, но так и не смог найти как правильно работать с cloud zoom... пытаюсь сделать галлерею, примерно как у вас на sweetz.ru, через модуль не выходит, напрямую через страницу добавления содержимого тоже, ибо все автоматически переводтся в мнемоники=(( Расскажите как у вас получилось так настроить cloud zoom.

Буду рад получить ответ на p.r.kryukov@gmail.com

 

С уважением, Павел Крюков.

Поставить jquery ui

Раздел форума: 

2 дня уже бьюсь, не выходит=(
Положил релиз в sites/all/libraries/jquery.ui. Пишу скрипт в ноду или прямо в page.tpl.php - не работает. Подозреваю, что не правильно подключаю.

Drupal и jQuery. Урок 1. Подключаем файл с jQuery.

jquery drupal

jQuery очень удобная вещь, когда нужно что-то скрыть, изменить, переехать, красиво вписать и уйти. Очень очень удобная и очень простая. Давайте подключим файл javascript. Подключать файлы к теме мы будем через файл с расширением .info в вашей теме. Для подключения файла добавьте в файл вашей темы следующую строчку:

scripts[] = js/custom.js

где js/custom.js путь к файлу javascript в вашей теме.

Теперь мои видео и на rutracker.org

admin друпал drupal

Наконец-то я собрал все свои видео и выложил на рутрекер. Теперь все видео можно скачать по этой ссылке:

http://rutracker.org/forum/viewtopic.php?t=4039808

jQuery и Drupal. Урок 7. Поле поиска на jquery, события Focus и Blur

jquery друпал drupal

Вы наверно не раз видели  поле поиска с текстом "поиск", по нажатию на которое слово "поиск" изсчезает и можно вводить свой запрос для поиска. Ниже я приведу сниппет на jQuery для этого:

Drupal и jQuery

jquery друпал drupal

Что такое jQuery?

jQuery - это замечательная JavaScript библиотека, которая позволяет легко создавать великолепные веб эффекты в несколько строк кода. Как сказано на сайте проекта jQuery:

 

“jQuery - это JavaScript библиотека, девиз которой: писать JavaScript-код должно быть весело. jQuery справляется с общими, повторяющимися заданиями, подчищает макеты и при этом оставляет код коротким, красивым и понятным.”

Страницы

Подписка на RSS - jQuery