11 ноября 2010 в 12:30
Галерея с помощью модуля 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
Файлы:
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
Надеюсь здесь Вы найдете ответы на свои вопросы.
| Вложение | Размер |
|---|---|
 jquery-1.3.2.min_.rar | 18.82 КБ |
 swfupload_v2.2.0.1_core.zip | 75.96 КБ |
Комментарии
Добавка
Уже создавал тему с таким вопросом, но ответа не было:
Есть ли какая то возможность научить работать галерею работать с ftp?
Устанавливаете модуль Gallery Assist Upload and Import helper через фтп закачиваете фотки в папку Import, а в редактировании галереи выбираете пункт Gallery: Uploads and Imports и Файл или Список (вроде). Происходит загрузка ВСЕХ файлов из папки Import.
Работаете .
не раскрыта тема ОТОБРАЖЕНИЯ уже созданной Галереи. Сам делал через Views, однако все одно интересно
Простите, а зачем работу с ФТП? то есть легче переписать фотки через фтп, через через админку с помощью массовой загрузки?
помоему легче через админку.
Да не... Интересна работа галереи именно с ftp-ресурсом, без загрузки фотографий на хост с сайтом.
Ну вся галлерея вообще как нод получаеться, со всеми свойствами нода.
Или Вы имеете в виду, что хотите на другом ноде отобразить конкретную галлерею?
А на результат посмотреть где можно? )
Вариантов результата очень много.
- разные виды lightboxa
- множество вариаций стилей отображения каждого из видов.
поэтому я подумал что делать фотки нецелесообразно. А на одном сайте достаточно проблематично организовать работу сразу всех видов так генерируется все автоматом и реализовать можно только один вариант за раз.
Нет.
Если есть несколько материалов типа "Галерея", созданных с помощью Gallery Assyst Как их отображать все?
По умолчанию будут располагаться где? На главной, в виде тизера! Настройки отображения тизера задаются в общих настройках (если не указано иного) в разделе Layout.
В самом простом варианте можно использовать Таксономию. И вывести в отдельный пункт меню. Но стиль отображения - тот же. Название Галереи и Тизер из 1-3,4х фоток. В столбик
А что бы вывести все созданные Галереи Сеткой (grid) или "Обложку" или "Тизер" - нужно использовать Вьюс и модуль Gallery Assist Views
Однако у меня, например возникли трудности (пока) в настройке размеров "Обложки" - Image Cover при выводе на страницу и центровке текста (названия галереи). Вот тут. Там-же можно посмотреть и пример отображения Галереи через Лайтбокс "Slimbox", кому интересно.
Тут не знаю, нужно копаться уже в модуле, там где прописываются адреса. Потому что модуль сам берет фотку, обрабатывает ее, прописывая ей адрес, уменьшая ее, создает маленький вариант также...
И все это я так понял нужно делать на фтп, который еще и не не хосте сайта находиться...
Это скорее всего очень индивидуальная задача - потому как это минимум несет затраты - времени - сайт, должен законектиться к другому хосту, и на том хосте создавать фотки, а потом еще и адреса на другой хост подут.
Теряется время при общении сайта с хостом, и обработка фоток не на одном ресурсе.
Хотя я может всего Вашего замысла не знаю
ошибочно два раза нажал ответить
Для обновления Jquery можно воспользоваться модулем http://drupal.org/project/jquery_update
У тебя не центрируются фотки в квадратикх... если убрать в цсс margin
.art-article img, img.art-article {
margin:1em;
}
то все о центру.
Вывод всех фоток вообще созданных галлери, это канеша хорошо...
В стандарте можно просто проставить минимальное колличество фотографий на одной странице - это в настройках Gallery Assist есть. Также можно использовать модуль Highslide и у него есть стиль с превьюхами снизу. ТО просто в цсс для страницы прописать для pager-а на выводить display:none, и при клике на одну фотку - тебе выведеться вся данная галлерея.
Имелось ввиду вывод всех Галерей на одной странице. Типа обложек Галерей.
Пока это не так просто как кажется.
СЕНКС! Все работает.
Ну если содержание их не выводить, а только обложку. Первое что приходит в голову: это поработать с меню Галлерей - в блоках найдешь такое. Там перечисляються уже все галлереи.
Остается вывести обложку галлереи.
Или где-то ее вводить отдельно, при создании например, в поле прикрепленной картинки как файла например.
Прикрепленный файлик, с помощью image cache если не ошибаюсь. Там же есть автоматическая обработка до рамеров картинки.
И с помощью Views это выводить прикрепленную картинку и пункт меню - название галлереи.
Вот как то так.
Извините, немного не в теме. Поставил себе сие чудо, вроде подразобрался немного, но не понял одного, можно ли делать вложенные галереи?
Или просто не по глазам мне или чего-то надо доставить еще.
Вложенные галлереи, по стандарту я так понял нельзя делать.
По сути каждая отдельная галлерея - это отдельный нод с содержанием под которым и прикрепляеться галлерея.
Можно попробовать поиграться с помощью views и вывести в блок например...
Highslide и fancybox у меня почему-то не пошли с Друпалом.
Highslide и раньше использовал, без друпала, но здесь - что-то не то со скриптами (зависает на этапе увеличения изображения, когда появляется загрузочный анимированный кружок).
Поставил colorbox, а он поддерживает только заголовки, но не описание.
Спасибо автору за работу над статьёй.
Сейчас осталась проблема: анониму не показывает галерею...
Проверьте настройки разрешения не только в настройках разрешения для пользователей друпала, но и у самого Gallery assist. У него есть отдельные настройки разрешения видимости.
По поводу остальных модулей, почему не работают... Тут есть несколько причин
1) проверьте что от предыдущего использования Highslide не загружаються js и css.
2) Проверьте "конфигурацию" js+css, которую я описывал для например для Highslide, ипользуеться, и не подгружаеться ничего лишнего.
3) Highslide можно проверить даже, когда просто а странице без использования Gallery assist lightboxes, вручную подгружать js+css стили. Если работают, значит проблема четко в Gallery assist, и подгружаеться что-то не то.
4) проверьте jquery.
У меня было что какой-то из видов lightbox так и не заработал. Также было на тестовом движке друпала, что "зависло" на модуле например colorbox и остальные не выбирались вообще. даже при вытирании моделя из папки.
Глюки к сожалению есть везде. Но если часть скрипта работает - то есть верятность, что что-то ему мешает обработку дальше.
Удачи, и спасибо за благодарность
Как показать анонимному пользователю галлерею!
В настройках Gallery assist - вкладка Layout - Common - Gallery Public Status:
выставляем Public for all.
И есть маленький момент!
Если галлереи уже создали, то В КАЖДОЙ созданной галерее нужно в вкладке настройки (помоему Gallery Assist (GA))
проставить Public for all.
Кроме того разрешить анонимам видеть галерею в Правах (Управление пользователями\Разрешения: модуль gallery_assist\view gallery_assist content
Точнее в настройках ГА в разделе Permission settings отметить
Gallery Assist (GA): settings::Common::Public status
потом открыть каждую уже созданную галлерею и еще раз указать Public for all (сорри за вынужденный повтор)
Спасибо а уточнение
Ниже еще решение с помощью модуля.
ПРОБЛЕМА ГАЛЕРЕЯ РАБОТАЕТ НА ТИПЕ МАТЕРИАЛА (Page) на моем собственном материале не работает.
физически файла тоже нет
НЕ РАБОТАЕТ ЭТО при подгрузке картинке процесс показывает но потом не отображает её
При подгрузке на типе (Page) все подгружается/отображается хорошо. Делается все на локалхосте поэтому проблемы с доступом отпадают.
использую:
drupal 6.19, GalleryAssist 6.x-1.18, GalleryAssistLightboxes 6.x-1.4,prettyPhoto 3.0
Странно. У меня, например все ОК.
Проверьте нет ли запрета на загрузки файлов в типе материала (если такая опция доступна)
После добавления типа материала, для которого доступна Галерея зайдите в настройки галереи этого типа материала и посмотрите разрешение на загрузку файлов Node type upload settings (обратите внимание на ФОРМАТЫ файлов, разрешенных к загрузке, а так же на размеры)
Если загружаете формат, которого нет в разрешенных - то на НЕТ и суда нет
спасибо за быстрый ответ
1)Опция по запрету файлов нет
2)расширения стоят по умолчанию в (Page) работает в Санатории нет
3)РАЗОБРАЛСЯ С ПРОБЛЕМОЙ В МЕНЯ К ТИПУ САНАТОРИЯ ПРИКРЕПЛЕНА ФОРМА БРОНИРОВАНИЯ ОНА ПОХОДУ И МЕШАЕТ
4) НЕ РАЗОБРАЛСЯ форма не мешает мешает чтото другое
ПОДСКАЖИТЕ ЧТО МОЖЕТ МЕШАТЬ
И все-таки: Как (где) Настроить размер обложки (Cover) выводимой галереи (Галерея выводится через Вьюс). Вьюс берет картинку полного размера и "режет" ее 60*80. А хотелось бы больше.
ГОСПОДА ПОБОРОЛ Я СВОЮ ЭТУ ПРОБЛЕМУ
чудеса.
ТАК КАК У МЕНЯ КОНТЕНТ БЫЛ ЗАГРУЖЕН СКРИПТАМИ А НЕ СОЗДАН РУЧКАМИ
В поле Информация об авторе -> Автор: у меня было пусто указал admin все заработало
И еще не показывает галерею анонимусам но я видел решения будет искать на сайте.
поздравления!
также, еще есть модуль к gallery assist
Gallery Assist Bulk Operations
Как видно из картинки превью, он дает возможность проставить всем созданным галереям права просмотра.
Надеюсь это будет полезно.
Модуль в принципе хороший, но есть некоторые недочеты с точки зрения юзабилити. В частности мне не нравится как этот модуль генерит путь для каждой страницы с картинкой в альбоме. Мало того, что у меня почему-то получилось так, что он автоматом создает алиас на основе имени файла не зависимо от того включена эта опция в настройках или нет, так еще и добавляет в него порядковый номер каждой картинки относительно общего числа фоток в галерее, а не в альбоме. Поэтому в адресе страницы с, например, 5-й фотографией в альбоме получается бред типа "галерея/категория1/название-альбома/название-имени-файла-фотографии-342", где 342 - ее порядковый номер относительно общего числа фоток во всей галерее. Вместо например куда более вменяемого "галерея/категория1/название-альбома/5".
Чтобы привести пути к последнему типу пришлось надругаться над gallery_assist.module, удалив переменную адресе, которая добавляет это "342" и называть фалы просто цифрами в порядке возрастания. Заценить мою галерею с использованием этого модуля можете здесь.
Также не нравится, что на странице альбома очень краткий пэйджер - только "вперед" и "назад" на одну страницу (в альбомах, где фоток больше 100 и 12 на страницу это весьма не удобно).
Саму структуру галереи с категориями и прочим построил с помощью Views и Insert View.
а можете подсказать как ограничить количество записей в Галлери ассист блок?
А в настройках Блока "Gallery Block" параметр Gallery Assist visible nodes:{} указать не пробовали?
пробовал, не помогает
а где найти shadowbox 2.0 Full ?
Здравствуйте. Вот осваиваю этот замечательный модуль. Но пока получается заковыка. Установил, включил. Создал ноду фотогалерею. Начинаю её редактировать, но окошко загрузки картинок не появляеься. ПОевляется вот такое окошко:-(. Подскажите, как настроить фотогалерею:-)
С уважением С.Кондулуков
Нажмите на раскрывающийся филдсет "Gallery Assist (GA): Add and edit items (0)", там должны быть поля для загрузки картинок. Если там ничего нет, значит в настройках Gallery Assist в "Assignments" для вашего типа материала (/admin/settings/gallery_assist/assignments/машинное_имя_материала) в филдсете "Others" в поле "Amount of uploads fields" поставьте от 1 до 10 таких полей для загрузки фотографий.
Хотя я советую воспользоваться дополнительными модулями типа Image FUpload for Gallery Assist для загрузки фотографий. Он позволяет загружать сразу несколько фотографий (работает на Flash).
Спасибо за статью, с помощью этого модуля сделал галерею.
Но возник один вопрос.
перестал работать функционал, что имею ввиду - не могу настроить галерею чтобы она показывалась не вверху материала, а внизу.
Сначала сделал галерею настроил assignments - навигация - внизу (bottom) и все получилось. Существующая галерея перенеслась вниз. Потом создал новый материал с галереей, а она размещена вверху.(проверил настройки все на месте.)
Кто-то сталкивался с такой проблемой и как ее решил?
За раннее спасибо
Подскажите как перенести текст-описания выше самой галереи? Никак найти не могу.
подскажите пожалуйста, никак не могу понять, что не так с модудлем Fupload: вроде все встало правильно, пути к swfupload проверил, однако не появляется кнопка выбора изображения (см скриншот):( Пробовал в разных браузерах и на разных осях - везде одно и то же.
Скажите пожалуйста, как настроить количество отображаемых картинок на станице?
Всегда выводится по 9 картинок, можно ли это как-то изменить, что бы можно было самому настраивать.
За раннее, большое спасибо!