Компактная галерея для Drupal 7

Сб, 23/04/2011 - 19: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 можно прикрутить водяные знаки.

0 Спасибо

Комментарии

Аватар пользователя Slayer
6 лет 2 months назад Slayer #

Блин чувачело тебе большой респект от пацанов, мы неделю искали как это сделать...

0 Спасибо
Аватар пользователя sumcovsherbak
6 лет 1 month назад sumcovsherbak #

все вродь делаю по описанию а массовой загрузки файлов в новую галерею нет. Только "Обзор"-выбрать файл...как быть подскажите?

0 Спасибо
Аватар пользователя svigonnoj
5 лет 12 months назад svigonnoj #

Спасибо! Огромное просто!

0 Спасибо
Аватар пользователя neckale
5 лет 11 months назад neckale #

т.е каждая отдельная галерея прицепляется к отдельной ноде?

и еще небольшой баг - при увеличении фотографии щелчком по фотографии - следующий щелчок и окно colorbox'а ставится белым с размером 2x3 (chrome 12)

0 Спасибо
Аватар пользователя svigonnoj
5 лет 11 months назад svigonnoj #

Нода - одна галерея., у меня бага нет

0 Спасибо
Аватар пользователя ученик
5 лет 11 months назад ученик #

Спасибо за статью, хорошо объяснил по пунктам.
Всё работает никаких глюков.

0 Спасибо
Аватар пользователя thezoom
5 лет 10 months назад thezoom #

Спасибо! А возможно сделать его кликабельным? Чтобы нажатие на картинку переводило на нужную ноду?

0 Спасибо
Аватар пользователя thezoom
5 лет 10 months назад thezoom #

P.S. Как на главной Вашего сайта http://k-tattoo.ru

0 Спасибо
Аватар пользователя KTATTOO
5 лет 10 months назад KTATTOO #

На главной этот модуль не используеться. Шапка сделанна при помощи JQuery и прописана в стилях.

0 Спасибо
Аватар пользователя sumcovsherbak
5 лет 10 months назад sumcovsherbak #

ребят у меня внизу картиночки обрезаны- как настроить чтоб навсю было? а ? спасибо зараннее

0 Спасибо
Аватар пользователя KTATTOO
5 лет 10 months назад KTATTOO #

Заходишь суда http://ваш_сайт.ru/admin/config/media/image-styles/edit/galleryformatter_slide

И играешься с параметрами. Можешь просто маштабирование сделать без обрезания, но ИМХО способ с обрезанием намного лучше. Для полного просмотра есть же иконка в виде лупы.

0 Спасибо
Аватар пользователя kurojneko
5 лет 10 months назад kurojneko #

Здраствуйте. Как все таки сделать массовую загрузку! Очень надо.

0 Спасибо
Аватар пользователя KTATTOO
5 лет 10 months назад KTATTOO #

А чем не устраивает этот модуль http://drupal.org/project/plupload ?
Вроде он призван как раз организовывать массовую загрузку!

Поиск рулит ;)

0 Спасибо
Аватар пользователя artlosk
5 лет 9 months назад artlosk #

Plupload стоит, но не срабатывает чего-то. Захожу создать галерею(тип такой), там где изображение добавляется, открывается обычное окошко, где загружается только одно изображение...

0 Спасибо
Аватар пользователя Стан
5 лет 8 months назад Стан #

Я вам ООЧЧЧЕНЬ благодарен! Спасибо!!!

0 Спасибо
Аватар пользователя IRONFELIX
5 лет 8 months назад IRONFELIX #

Несколько вопросов по такому способу организации галлереи:
1. Есть где настройки подкрутить, чтобы настроить цвет подписи Title к фотографиям ? У меня он Черный на Черном - выглядит не очень :-)
2. Почему colorbox не хватает title фотографий при показе. Как-то скучно пишет заголовок ноды и Image1,Image2 ?

0 Спасибо
Аватар пользователя KTATTOO
5 лет 8 months назад KTATTOO #
IRONFELIX написал:
Несколько вопросов по такому способу организации галлереи:
1. Есть где настройки подкрутить, чтобы настроить цвет подписи Title к фотографиям ? У меня он Черный на Черном - выглядит не очень :-)
2. Почему colorbox не хватает title фотографий при показе. Как-то скучно пишет заголовок ноды и Image1,Image2 ?

1. Реализуется через CSS (поправить стандартный зеленый скин или создать свой, а так же помжно в стиле своей темы все указать)

2. По моему это уже нужно ковырять сам модуль. Тут вопрос к разработчикам.

0 Спасибо
Аватар пользователя nildar
5 лет 8 months назад nildar #
IRONFELIX написал:
2. Почему colorbox не хватает title фотографий при показе. Как-то скучно пишет заголовок ноды и Image1,Image2 ?

в файле (путь к drupal)/sites/all/modules/galleryformatter/galleryformatter.module в функции galleryformatter_field_formatter_view() немного добавил кода, был таким:

<?php
    
if (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;
      }
?>

стал:

<?php
    
if (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;
      }
?>

Теперь выводит или заголовок, или альт.текст

0 Спасибо
Аватар пользователя komige
5 лет 8 months назад komige #

Комментарии "Вконтакте" на странице галереи появляются выше фото, как исправить подскажите пожалуйста.

0 Спасибо
Аватар пользователя Yadovit
5 лет 7 months назад Yadovit #

Plupload тоже не работает. Но работает с Media Gallery. Сравнивал HTML-код, при использовании Media Gallery у формы загрузки имеется строка в action "&multiselect=true". Кто разбирается как можно исправить? Plupload в JS-коде, кажется, проверяет это значение у формы.

0 Спасибо
Аватар пользователя djonvan
5 лет 7 months назад djonvan #

подпишусь. тоже не пойму как Plupload должен работать.

0 Спасибо
Аватар пользователя Babich
5 лет 7 months назад Babich #

Интересные модули, тоже на днях начал их использовать.

0 Спасибо
Аватар пользователя magTooP
5 лет 7 months назад magTooP #

не знаю я так и не смог победить 1- если первая картинка вытянута по горизонтали а следующая вытянута по вертикали то вывод второй будет просто обрезан сверху я не нашёл способа устранить эти дефекты при их устранение получаются другие дефекты! вообщем сыроват модуль

0 Спасибо
Аватар пользователя magTooP
5 лет 7 months назад magTooP #

хотя для одно форматных фотографий модуль супер!

0 Спасибо
Аватар пользователя mum
5 лет 6 months назад mum #

отличный модуль.
но, когда загружаются много фотографий - они не обрезаются по кнопке прокрутки, а отображаются все в один ряд...

люди! подскажите, пожалуйста, как поправить? (неделю мучаюсь)

0 Спасибо
Аватар пользователя sashken
5 лет 5 months назад sashken #

скорее всего дело в теме оформления (JavaScript может некорректно работает), попробуйте в другой теме оформления посмотреть

0 Спасибо
Аватар пользователя mum
5 лет 5 months назад mum #

Спасибо за подсказку! все поправил.

0 Спасибо
Аватар пользователя Персональные_данные
5 лет 5 months назад Персональные_данные #

Есть вопрос как можно сделать что бы кнопки "Сохранить" и "Предосмотр" были ниже поля добавления картинок?

Суть этой проблемы на скриншоте: http://rghost.ru/35721340.view

0 Спасибо
Аватар пользователя mum
5 лет 5 months назад mum #

Галерея отличная!
Но возник следующий вопрос... скорее не по ее функционалу, но смежный с этим модулем.
итак: у меня есть 1к фотографий...они конечно по категориям. Можно ли прикрутить возможность сортировки (по желанию) фото по некоторым критериям...некая таксономия, но с галереей...
или наверное отдельный топ стоит создать?

0 Спасибо
Аватар пользователя АлександрБолт
5 лет 5 months назад АлександрБолт #

а можно его как-то совместить galleryformatter и CLOUD ZOOM ?

0 Спасибо
Аватар пользователя kosstep
5 лет 4 months назад kosstep #

Друзья, все получилось, только вот КОлорБоКС в настойках пишет вот такую хрень:

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/

Не знаете, что может такое быть?

0 Спасибо
Аватар пользователя tabarigen
5 лет 3 months назад tabarigen #
kosstep написал:
Друзья, все получилось, только вот КОлорБоКС в настойках пишет вот такую хрень:

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/

0 Спасибо
Аватар пользователя szx
5 лет 4 months назад szx #

нажми на ссылку и загрузи там плагин и распакуй в sites/all/libraries и все будет ок

0 Спасибо
Аватар пользователя postgardner2
5 лет 3 months назад postgardner2 #

При попытке загрузить второе изображение выдает:
«Warning: ksort() expects parameter 1 to be array, null given в функции drupal_group_css() (строка 3102 в файле /home/ХХХХХ/www/includes/common.inc).»
И соответственно, не создает превьюшек для всех последующих изображений (но Colorbox оригиналы исправно показывает).
Может ли кто-то подсказать в чем проблема и как ее решить?

0 Спасибо
Аватар пользователя red14_99
5 лет 3 months назад red14_99 #

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

0 Спасибо
Аватар пользователя red14_99
5 лет 3 months назад red14_99 #

Спасибо, то что нужно, тему в закладки!
Наверное не в эту тему, но все же спрошу - где почитать про css injection, а то я поля поименовал не так, как автор, и стили, соответственно не присвоились. С ходу разобраться не вышло.

0 Спасибо
Аватар пользователя max5
5 лет 3 months назад max5 #

Респект автору темы. Все как указано работает. Проверено.. да вот проблема в другом,при попытке вывести галерею в профиле, после загрузки фото выдает такие строчки над фото

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 марта. поправил сам

0 Спасибо
Аватар пользователя 3vshi
5 лет 3 months назад 3vshi #

реально туда добавить комменты и голосование к фото?

0 Спасибо
Аватар пользователя ErmaK88
5 лет 3 months назад ErmaK88 #

Все сделал по инструкции получилось на половину почему то (((
Если нажать на линзу, не подгружает квери и открывает картинку в обычном новом окне (((
http://napisanie-statey.ru/node/30
и картинки не сжаты для показа, и показываются в полном формате окна 640

Забыл настройки врубить(((
Но все ровно, оно не сживает картинку, а показывает лишь ее кусок (

0 Спасибо
Аватар пользователя ErmaK88
5 лет 3 months назад ErmaK88 #

Все разобрался, это картинки такие )))
вы мне скажите, как убрать Title * иду в управление полями, там вот что пишет "Title title Элемент модуля Node" , зачем мне этот заголовок на странице с галереей ((

0 Спасибо
Аватар пользователя sylor2012
5 лет 2 months назад sylor2012 #

Классный простой и удобный модуль. Спасибо автору.

Столкнулся с такой проблемой.
нужно совместить field collection и gallery formatter

хочу создать группу полей Галерею + описание (текстовое поле с анонсом) и возможность добавлять такую группу при создании ноды, как это сделано для изображений, можно добавлять сколько хочешь при создании ноды.

Я использовал для этого field_collection, создал Field collections в нём 2-а поля
1-е это поле изображение (собственно сама галерея потом получается)
2-е это поле описания.

потом создал тип материала в котором в качестве поля использовал настроенный Field collections.
всё бы хорошо но почему то работает только первая галерея все остальные глючат.

из за чего такой глюк может быть.

P.S. возможно из за того что поле катринки для всех Field collections одинаковое. и js не правильно както работает.

кто что посоветует

0 Спасибо
Аватар пользователя Arturus
5 лет 2 months назад Arturus #

А комментарии к фото можно прикрутить?

0 Спасибо
Аватар пользователя NightEagle
5 лет 2 months назад NightEagle #

Огромное спасибо автору, долго искал, что-либо подобное...
Вопрос, как сделать, чтоб при полноразмерном просмотре, внизу, рядом с надписью "3 из 5" была ссылка на скачивание файла, или даже кнопка "скачать"?

0 Спасибо
Аватар пользователя mum
5 лет 1 month назад mum #

а делал кто-нибудь эту галерею на вьюшечке, а не на нодах?

0 Спасибо
Аватар пользователя shved
5 лет 1 month назад shved #

Подскажите возможно ли такую галерею добавить в профиль пользователя, или на любую другую страницу что бы рядом на странице была кнопка "загрузить фото", для удобства пользователей.

0 Спасибо
Аватар пользователя igorpol3
5 лет 1 month назад igorpol3 #

Большое спасибо!

0 Спасибо
Аватар пользователя I-OPKA
5 лет 1 month назад I-OPKA #

Почти получилось, почему-то нет навигационных кнопок при полноэкранном просмотре, подскажите что не так сделал?

0 Спасибо
Аватар пользователя shved
5 лет 1 month назад shved #

Пытаюсь вывести отдельным блоком через views, сделал свой стиль просмотра, высота и ширина по 800 пикс.Он так и выводит в блоке.Подскажите как сделать, что бы в блоке выводилось например стиль один, а при нажатии на фото происходил переход на другую страницу, на которой уже стиль показа другой.

0 Спасибо

Страницы