23 апреля 2011 в 23:37
Пытаюсь перевести свой сайт на новую версию любимой CMS. Ну и в связи с этим сделал обзор модулей для обеспечения красивой и эффектной галереи.
Дошел до модуля galleryformatter. И решил на нем и остановиться.
Для организации галереи нам нужен сам модуль galleryformatter (демо страница) и модуль colorbox - аналог lightbox , но на мой взгяд намного лучше. Все остальные модули уже есть в ядре семерки, что облегчает нам работу.
Для начала настроим colorbox на странице admin/config/media/colorbox. В принципе настройки можно оставить по дефолту, ну или настроить по своему вкусу выбрав стиль отображения, примеры стилей можно посмотреть на домашней странице плагина.
Далее идем в "Виды показа изображений" admin/config/media/image-styles и добавляем новый стиль, назовем его к примеру display. В стиле добавляем эффект "Масштабировать" и выставляем значения по ширине и высоте например 650, ну и поставим галку "Разрешить увеличение размера".
После этого идем "Типы содержимого" admin/structure/types и добавляем новый тип содержимого, назовем его "Добавить галерею", компьютерное название gallery, сохраняем. Заходим в управление полями нашего типа и добавляем новое поле - метка - image, название - image, поле - изображение, виджет - изображение, сохраняем. После чего редактируем наше поле, выставляем галки "Обязательное поле", "Показывать поле для ввода атрибута «alt»", "Показывать поле для ввода атрибута «title»" (поле title будет отображаться в галереи с красивым эффектом) и выбираем в Количестве значений "не ограничено", сохраняем. Переходим в управление отображением нашего типа и выбираем в выпадающем меню "Формат" jQuery Gallery, жмем на шестеренку настроек и в "Select the full image style" выбираем наш стиль отображения display, а в "Use jQuery modal for full image link" выбираем colorbox, ну и сохраняем.
Ну в общем то и все... теперь можно добавлять картинки в галерею и радоваться. С остальными параметрами настроек можно поиграться и найти оптимальный для себя вариант", установив например модуль imagecache_actions можно прикрутить водяные знаки.
Комментарии
Блин чувачело тебе большой респект от пацанов, мы неделю искали как это сделать...
все вродь делаю по описанию а массовой загрузки файлов в новую галерею нет. Только "Обзор"-выбрать файл...как быть подскажите?
Спасибо! Огромное просто!
т.е каждая отдельная галерея прицепляется к отдельной ноде?
и еще небольшой баг - при увеличении фотографии щелчком по фотографии - следующий щелчок и окно colorbox'а ставится белым с размером 2x3 (chrome 12)
Нода - одна галерея., у меня бага нет
Спасибо за статью, хорошо объяснил по пунктам.
Всё работает никаких глюков.
Спасибо! А возможно сделать его кликабельным? Чтобы нажатие на картинку переводило на нужную ноду?
P.S. Как на главной Вашего сайта http://k-tattoo.ru
На главной этот модуль не используеться. Шапка сделанна при помощи JQuery и прописана в стилях.
ребят у меня внизу картиночки обрезаны- как настроить чтоб навсю было? а ? спасибо зараннее
Заходишь суда http://ваш_сайт.ru/admin/config/media/image-styles/edit/galleryformatter_slide
И играешься с параметрами. Можешь просто маштабирование сделать без обрезания, но ИМХО способ с обрезанием намного лучше. Для полного просмотра есть же иконка в виде лупы.
Здраствуйте. Как все таки сделать массовую загрузку! Очень надо.
А чем не устраивает этот модуль http://drupal.org/project/plupload ?
Вроде он призван как раз организовывать массовую загрузку!
Поиск рулит
Plupload стоит, но не срабатывает чего-то. Захожу создать галерею(тип такой), там где изображение добавляется, открывается обычное окошко, где загружается только одно изображение...
Я вам ООЧЧЧЕНЬ благодарен! Спасибо!!!
Несколько вопросов по такому способу организации галлереи:
1. Есть где настройки подкрутить, чтобы настроить цвет подписи Title к фотографиям ? У меня он Черный на Черном - выглядит не очень
2. Почему colorbox не хватает title фотографий при показе. Как-то скучно пишет заголовок ноды и Image1,Image2 ?
1. Реализуется через CSS (поправить стандартный зеленый скин или создать свой, а так же помжно в стиле своей темы все указать)
2. По моему это уже нужно ковырять сам модуль. Тут вопрос к разработчикам.
в файле (путь к drupal)/sites/all/modules/galleryformatter/galleryformatter.module в функции galleryformatter_field_formatter_view() немного добавил кода, был таким:
<?phpif (empty($item['data']['title'])) {
if (!empty($item['data']['description'])) {
$title = $description;
}
elseif (!empty($item['data']['alt'])) {
$title = $alt;
}
else {
$title = $entity->title;
// if we have more than one image, add the image count to the title so they are not all the same.
$title = ($num_of_images > 1) ? $title . t(' image ') . ($delta + 1) : $title;
}
?>
стал:
<?phpif (empty($item['data']['title'])) {
if (!empty($item['data']['description'])) {
$title = $description;
}
elseif (!empty($item['data']['alt'])) {
$title = $alt;
}
elseif (!empty($item['title'])) {
$title = $item['title'];
}
elseif (!empty($item['alt'])) {
$title = $item['alt'];
}
else {
$title = $entity->title;
// if we have more than one image, add the image count to the title so they are not all the same.
$title = ($num_of_images > 1) ? $title . t(' image ') . ($delta + 1) : $title;
}
?>
Теперь выводит или заголовок, или альт.текст
Комментарии "Вконтакте" на странице галереи появляются выше фото, как исправить подскажите пожалуйста.
Plupload тоже не работает. Но работает с Media Gallery. Сравнивал HTML-код, при использовании Media Gallery у формы загрузки имеется строка в action "&multiselect=true". Кто разбирается как можно исправить? Plupload в JS-коде, кажется, проверяет это значение у формы.
подпишусь. тоже не пойму как Plupload должен работать.
Интересные модули, тоже на днях начал их использовать.
не знаю я так и не смог победить 1- если первая картинка вытянута по горизонтали а следующая вытянута по вертикали то вывод второй будет просто обрезан сверху я не нашёл способа устранить эти дефекты при их устранение получаются другие дефекты! вообщем сыроват модуль
хотя для одно форматных фотографий модуль супер!
отличный модуль.
но, когда загружаются много фотографий - они не обрезаются по кнопке прокрутки, а отображаются все в один ряд...
люди! подскажите, пожалуйста, как поправить? (неделю мучаюсь)
скорее всего дело в теме оформления (JavaScript может некорректно работает), попробуйте в другой теме оформления посмотреть
Спасибо за подсказку! все поправил.
Есть вопрос как можно сделать что бы кнопки "Сохранить" и "Предосмотр" были ниже поля добавления картинок?
Суть этой проблемы на скриншоте: http://rghost.ru/35721340.view
Галерея отличная!
Но возник следующий вопрос... скорее не по ее функционалу, но смежный с этим модулем.
итак: у меня есть 1к фотографий...они конечно по категориям. Можно ли прикрутить возможность сортировки (по желанию) фото по некоторым критериям...некая таксономия, но с галереей...
или наверное отдельный топ стоит создать?
а можно его как-то совместить galleryformatter и CLOUD ZOOM ?
Друзья, все получилось, только вот КОлорБоКС в настойках пишет вот такую хрень:
You need to download the Colorbox plugin and extract the entire contents of the archive into the sites/all/modules/colorbox folder of your server.
Все по указанному адресу лежит - Вроде доступ открыл, все нормально, но подхватывать каталог не хочет....
Путь указан так:
sites/all/modules/colorbox/
Не знаете, что может такое быть?
пропиши путь так sites/all/modules/libraries/colorbox/
нажми на ссылку и загрузи там плагин и распакуй в sites/all/libraries и все будет ок
При попытке загрузить второе изображение выдает:
«Warning: ksort() expects parameter 1 to be array, null given в функции drupal_group_css() (строка 3102 в файле /home/ХХХХХ/www/includes/common.inc).»
И соответственно, не создает превьюшек для всех последующих изображений (но Colorbox оригиналы исправно показывает).
Может ли кто-то подсказать в чем проблема и как ее решить?
На сайте колорбокса есть режим слайд-шоу. Подскажите, пожалуйста, как его настроить, а то умишка не хватает...
Вот видео по настройке слайдшоу: http://vimeo.com/26411524
Спасибо, то что нужно, тему в закладки!
Наверное не в эту тему, но все же спрошу - где почитать про css injection, а то я поля поименовал не так, как автор, и стили, соответственно не присвоились. С ходу разобраться не вышло.
Респект автору темы. Все как указано работает. Проверено.. да вот проблема в другом,при попытке вывести галерею в профиле, после загрузки фото выдает такие строчки над фото
Notice:Undefined property: Profile::$title в функции galleryformatter_field_formatter_view() (строка 186 в файле Z:\home\mysite\www\sites\all\modules\galleryformatter\galleryformatter.module).
Notice: Undefined property: Profile::$nid в функции galleryformatter_field_formatter_view() (строка 194 в файле Z:\home\mysite\www\sites\all\modules\galleryformatter\galleryformatter.module).
14 марта. поправил сам
Спасибо ТС.. всё отлично установилось.http://www.drulber.ru/risunki-karandashom
реально туда добавить комменты и голосование к фото?
Все сделал по инструкции получилось на половину почему то (((
Если нажать на линзу, не подгружает квери и открывает картинку в обычном новом окне (((
http://napisanie-statey.ru/node/30
и картинки не сжаты для показа, и показываются в полном формате окна 640
Забыл настройки врубить(((
Но все ровно, оно не сживает картинку, а показывает лишь ее кусок (
Все разобрался, это картинки такие )))
вы мне скажите, как убрать Title * иду в управление полями, там вот что пишет "Title title Элемент модуля Node" , зачем мне этот заголовок на странице с галереей ((
Классный простой и удобный модуль. Спасибо автору.
Столкнулся с такой проблемой.
нужно совместить field collection и gallery formatter
хочу создать группу полей Галерею + описание (текстовое поле с анонсом) и возможность добавлять такую группу при создании ноды, как это сделано для изображений, можно добавлять сколько хочешь при создании ноды.
Я использовал для этого field_collection, создал Field collections в нём 2-а поля
1-е это поле изображение (собственно сама галерея потом получается)
2-е это поле описания.
потом создал тип материала в котором в качестве поля использовал настроенный Field collections.
всё бы хорошо но почему то работает только первая галерея все остальные глючат.
из за чего такой глюк может быть.
P.S. возможно из за того что поле катринки для всех Field collections одинаковое. и js не правильно както работает.
кто что посоветует
А комментарии к фото можно прикрутить?
Огромное спасибо автору, долго искал, что-либо подобное...
Вопрос, как сделать, чтоб при полноразмерном просмотре, внизу, рядом с надписью "3 из 5" была ссылка на скачивание файла, или даже кнопка "скачать"?
а делал кто-нибудь эту галерею на вьюшечке, а не на нодах?
Подскажите возможно ли такую галерею добавить в профиль пользователя, или на любую другую страницу что бы рядом на странице была кнопка "загрузить фото", для удобства пользователей.
Большое спасибо!
Почти получилось, почему-то нет навигационных кнопок при полноэкранном просмотре, подскажите что не так сделал?
Пытаюсь вывести отдельным блоком через views, сделал свой стиль просмотра, высота и ширина по 800 пикс.Он так и выводит в блоке.Подскажите как сделать, что бы в блоке выводилось например стиль один, а при нажатии на фото происходил переход на другую страницу, на которой уже стиль показа другой.
Спасибо. Хорошая мини галерея.
тоже не могу победить загрузку сразу кучи фоток pupload... (( подскажите, кто смог
все сделала по инструкции, глючит
например превьюшка при редактировании галереии не показывается, ее нет
в галерее изображение есть
при клике на лупе в галерее - This image could not be loaded
короче неработает
не создает файл превьюшки почемуто для редактируемой галереи в загрузчике
при просмотре галереи только для первой фотографии, для остальных нет
p/s/ Enable clean URLs - пришлось выключить только тогда заработало
http://drupal.org/node/1109312
спасибо
С мультизагрузкой: наткнулся http://sherskova.ru/drupal/image-multiupload-drupal7 там первый модуль собственно Plup , вот после его установки, в виджете появляется plupload и фотки загружаются пачками:)
Галерея нормально работает спасбо за эту темук, проблема с колрбокс
установил его по этой инструкции
Installation
Download and unpack the Libraries module directory in your modules folder (this will usually be "sites/all/modules/").
Download and unpack the Colorbox module directory in your modules folder (this will usually be "sites/all/modules/").
Download the Colorbox plugin and unpack in "sites/all/libraries". Make sure the path to the plugin file becomes: "sites/all/libraries/colorbox/jquery.colorbox-min.js".
Drush provides a command installing the plugin:
% drush colorbox-plugin.
The command will download the plugin and unpack it in "sites/all/libraries". It is possible to add another path as an option to the command, but not recommended unless you know what you are doing.
Go to "Administer" » "Modules" and enable the Colorbox module.
You may use the jQuery update module if you need a later version of jQuery than Drupal ships with but as long as you use the 1.x branch of the Colorbox plugin it's not a requirement.
Только не понял что такое DRECH, в общем сделал обновление базы данных и Colorbix нормально установился,
Но работает криво, вместо открытия слайдов, изображение открывается просто в новом окне.
в этом уроке https://vimeo.com/19122850 при установке что то прописывают в командную строку, где это делать не понятно. Подскажите что нужно сделать чтоб Colorbox начал работать , нужен для галереи
Drupal 7.22
Colorbox7.x-2.4
Libraries 7.x-2.0+7-dev
Так может все таки подскажете , или посоветуйте ка по другому галерею сделать
При клике на картинку фото открывается в новом окне.Нужна настройка colorbox?
Вопрос решился, проблема была в том что друпал был установлен на денвере, на хостинге работает как надо.
У меня на хостинге стоит и всё равно открывается в новом окне
а что дописать, чтоб нижние превьюшки каруселью крутились?
Добрый день, Уважаемые!
Сделала по инструкции Макара такую галерею, не всё получилось, пока. Проблемы такие:
Прикрепляю картинку, если кто знает, где исправить, подскажите, пожалуйста?
как решить проблему с AJAX?
вываливается ошибка на последнем пункте создания галереи (