Сразу прошу сильно не бить и не посылать читать мануалы и т.п. Т.к. за 2 дня уже перечитал не один десяток. Лучше помогите дельным советом:-)
Решил добавить на свой сайт представление картинок в виде прокручивающейся карусели с помощью Плагина .
Почитав много тем в форуме про подключение данных плагинов, начал все пошагово выполнять:
1. подключил необходимые JS на сайте следующим образом:
создал папку «galleryview» в каталоге misc, поместил туда все JS и добавил в файл includes/common.inс line 2173:
'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. Теперь нужно на сайт добавить скрипт, запускающий данный плагин. Вот как раз с этим у меня возникли сложности.
На сайте производителя скрипт выглядить следующим образом:
panel_width: 800,
panel_height: 300,
frame_width: 100,
frame_height: 100,
});
Также часть кода из CSS файла:
/* 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-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][<br /><br /><a href="http://мой_сайт/sites/default/files/gallery/technics/[site-date-dd]-[site-date-mm]-[site-date-yy]/[user-id]/mbr2-i.jpg" target="_blank" id="download_link_text">Download Original</a>]" 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({
???