Галлерея Gallery Assist

Галерея с помощью модуля Gallery Assist

В данной статье я расскажу подробно как установить и настроить модули

Gallery Assist   Version 6.x-1.17

Gallery Assist Lightboxes  Version 6.x-1.4

Image FUpload (Gallery Assist)  Version 6.x-1.x-dev

 

Также в этой статье вы найдете сравнительную характеристику и настройки других видов Lightboxes для данной галереи.

Система на которую ставил:

drupal 6.19

На первый взгляд все просто, но когда я начал все устанавливать возникло множество вопросов. Пришлось изрядно покопаться, чтобы их решить.

Сразу можете закачать вот такие модули.

Gallery Assist   Version 6.x-1.17

Gallery Assist Lightboxes  Version 6.x-1.4

Image FUpload (Gallery Assist)  Version 6.x-1.x-dev

Image FUpload

 

Файлы:

SWFUpload v2.2.0.1 Core.zip (брал отсюда)

jquery-1.3.2.min.js (брал отсюда )

 

Загружаем модули в папку /sites/all/modules

Подключаем их на страничке /admin/build/modules

 

Разархивируем SWFUpload v2.2.0.1 Core.zip переписываем файлы в папку с модулем Image FUpload - modules\image_fupload\swfupload

в этой папке должны присутствовать файлы swfupload.swf, swfupload.js, swfupload.queue.js. Они находятся в разных папках SWFUpload v2.2.0.1 Core.zip. Я переписал эти три файла в корень папки modules\image_fupload\swfupload, также все остальные папки тоже переписал сюда же, на всякий случай. (76 килобайт, не страшно для хостинга).

 

Далее для того чтобы работали все виды Lightboxes, нужно обновить jquery. Самый последний 1.4.3 - плохо совместим с остальными функциями drupal, например collapsible menu, или модуль Dhtml menu, в общем многие стандартные функции менюшек перестали работать на версии 1.4.3.

Путем тестовых испытаний я остановился на версии jquery-1.3.2.min.js. При данной версии работают все меню и другие функции drupal, и ниже перечисленные виды Lightboxes.

 

Как обновить jquery в drupal:

jquery.js drupal находится в папке misc (от корневой папки drupal), скачиваем файл jquery-1.3.2.min.js, и заменяем старый файл.

Я переименовал старый (версия 2.6) и оставил его на всякий случай.

А файл jquery-1.3.2.min.js переписал сюда же и переименовав в " jquery.js " (без кавычек). На всякий случай очистим кеш. ( /admin/settings/performance самая нижняя кнопка очистить кеш).

Если Вы сделали все правильно, то на странице /admin/settings/gallery_assist система напишет "Current used JQuery version: 1.3.2"

Если кто использует модуль Lightbox2, будьте внимательны с Auto handle , так как у меня почему-то слетели коллапс меню после назначения действий для автозамены КРОМЕ Custom class image, в нем прописывал класс и все работало.

 

Галерея создается таким способом:

1. Создать материал - Gallery

Вводим Gallery title: *, если нужно описание галереи и пункт меню. Пока что функций галереи нету, не пугайтесь так надо. Особенность Gallery Assist, в том что сначала нужно создать node, сохранить, и снова войти в режим редактирования.

2. Сохраняем.

3. Снова заходим редактировать содержимое галлереи, и уже видим что появились:

• поля для загрузки фотографий по одной;
• Multiple Uploads (Image FUploader) - массовая загрузка фотографий.
• Кликаем на пиктограмму в разделе Multiple Uploads, выделяем много фотографий, и нажимаем сохранить (кнопка данного раздела) и увидите что пошла закачка файлов.

 

В детали настройки  модуля Gallery Assist я не буду вдаваться, там относительно все понятно, если поможет русификация модуля. Единственное чего не нашел - это как убрать pager - ссылки на страницы с другими фотографиями. Можно только поставить максимальное количеств фотографий на одной странице. Альтернатива этому - прописать в настройках css для данной темы друпала #ga-pager-box {display:none;}. Таким образом мы просто скрываем ссылки на другие страницы, а  с помощью Lightboxes мы все равно можем вывести все фотографии так как они автоматически группируются, и в некоторых видах Lightboxes есть отображение Thumbnail (превьюшек), так что кликнув на оду из фотографий, мы все равно увидим все остальные, которые не отобразились на первой странице.

Галерею мы создали. Но теперь нужно вывести ее в красивом виде.

Тут нам поможет модуль Gallery Assist Lightboxes.

В настройках данного модуля (/admin/settings/gallery_assist/lightboxes_info) есть ссылки на все скрипты всех видов Lightboxes. которые модуль поддерживает.

Я скачал только некоторые виды Lightboxes, так как по примерам они показались мне более красочными.

Я не использовал Lightbox2, так как он в стандартном модуле, и если честно было просто не интересно.

Есть множество решений и статей по подключению lightbox2 к Gallery Assist.

 

Когда я скачал все виды Lightboxes, я разархивировал их в папку sites\all\modules\gallery_assist_lightboxes\lightboxes.

Каждый вид Lightboxes, записываем в папки желательно под такими же именами, как они назваются в таблице /admin/settings/gallery_assist/lightboxes_info например highslide (а не highslide-4-1-9).

Далее заходим /admin/settings/gallery_assist/extras

Кликаем на меню Lightboxes for Gallery Assist

Выбираем Lightboxes: и жмем сохранить.

При переключении между вариантами Lightbox-ов может писать ошибки - я не обращал на них внимания - так как после того как нажал сохранить выбор - они больше не появляются.

Снова заходим в меню Lightboxes for Gallery Assist и выбираем в меню Files to include.

Здесь мы подключаем внутренние файлы и настройки разных видов Lightboxes.

Ниже я указал какие настройки нужно поставить для разных видов Lightboxes, чтобы они заработали.

Не забывайте обновлять (может даже по 2-3 раза кликнуть на обновить) страницу галереи, когда меняете настройки, чтобы увидеть изменения. Так как подключаются уже другие файлы эффектов.

 

Files to include

color box

CSS files: colorbox.css или другой на свой вкус.

JS files:    jquery.colorbox.js

 

+ Есть функции слайдшоу.

+ Множество настроек, как времени слайд шоу, также что написать вместо слов NEXT Previous, затемнение, широкие настройки размеров - отступы внутри, снаружи и т.д. и многое другое.

- Автоматическое генерирование превьюшек Thumbnail ( вариант gallery_assist.highslide.theme2.selector.js)  

 

Highslide 4.1.9

CSS files:

highslide-ie6.css

highslide.css

JS files:

highslide-with-gallery.js

gallery_assist.highslide.theme1.selector.js - к примеру или другой на свой вкус.

+ Автоматическое генерирование превьюшек Thumbnail ( вариант gallery_assist.highslide.theme2.selector.js) 

+ Есть функции слайдшоу.

- Минимум настроек из админки (затемнение и размер картинок) 

 

PrettyPhoto

просто заработал, Выбора css и js не было.

настройки на свой вкус.

 

+ Автоматическое генерирование превьюшек Thumbnail

- Нету функции слайдшоу.

- Минимум настроек из админки (затемнение и размер картинок)

 

Shadowbox

CSS files:
shadowbox.css

JS files: 
shadowbox.js

- Из настроек только Show copyright, Show title

- Нет слайд шоу

- Отсутвует гененрирация Thumbnail