Подключение jQuery Content Gallery Plugin

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

Аватар пользователя falkon@drupal.org falkon@drupal.org 21 сентября 2010 в 13:19

Сразу прошу сильно не бить и не посылать читать мануалы и т.п. Т.к. за 2 дня уже перечитал не один десяток. Лучше помогите дельным советом:-)
Решил добавить на свой сайт представление картинок в виде прокручивающейся карусели с помощью Плагина .

Почитав много тем в форуме про подключение данных плагинов, начал все пошагово выполнять:
1. подключил необходимые JS на сайте следующим образом:
создал папку «galleryview» в каталоге misc, поместил туда все JS и добавил в файл includes/common.inс line 2173:

'misc/galleryview/jquery-1.3.2.js' => array('cache' => TRUE, 'defer' => FALSE, 'preprocess' => TRUE),
'misc/galleryview/jquery.galleryview-2.0-pack.js' => array('cache' => TRUE, 'defer' => FALSE, 'preprocess' => TRUE),
'misc/galleryview/jquery.timers-1.1.2.js' => array('cache' => TRUE, 'defer' => FALSE, 'preprocess' => TRUE),
'misc/galleryview/jquery.easing.1.3.js' => array('cache' => TRUE, 'defer' => FALSE, 'preprocess' => TRUE),

2. подключил необходимый CSS стиль в своей теме:
скопировал в папку с темой стиль "galleryview.css", переименовал его в "style-galleryview.css", добавил в файл "название_моей_темы.info" строку "stylesheets[all][] = style-galleryview.css".

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

 $('#photos').galleryView({
        panel_width: 800,
        panel_height: 300,
        frame_width: 100,
        frame_height: 100,
});

Также часть кода из CSS файла:

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

а у меня сейчас мой тип материала (фотографии) выводятся в node следующим образом:

 <div class="field field-type-filefield field-field-technics-photo">
    <div class="field-items">
            <div class="field-item odd">
<a href="http://мой_сайт/sites/default/files/imagecache/lightbox/gallery/technics/[site-date-dd]-[site-date-mm]-[site-date-yy]/[user-id]/mbr2-i.jpg" rel="lightbox[field_technics_photo][&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://мой_сайт/sites/default/files/gallery/technics/[site-date-dd]-[site-date-mm]-[site-date-yy]/[user-id]/mbr2-i.jpg&quot; target=&quot;_blank&quot; id=&quot;download_link_text&quot;&gt;Download Original&lt;/a&gt;]" class="imagefield imagefield-lightbox2 imagefield-lightbox2-thumbnail imagefield-field_technics_photo imagecache imagecache-field_technics_photo imagecache-thumbnail imagecache-field_technics_photo-thumbnail"><img src="http://мой_сайт/sites/default/files/imagecache/thumbnail/gallery/technics/[site-date-dd]-[site-date-mm]-[site-date-yy]/[user-id]/mbr2-i.jpg" alt="" title=""  width="180" height="180" /></a>        </div>
        </div>
</div>

Каким образом я должен подключать этот плагин? Куда прописывать код? Какие ID галереи и контейнер галереи я должен выставить $('#photos').galleryView({ ???