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

Аватар пользователя KTATTOO

Пытаюсь перевести свой сайт на новую версию любимой 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 можно прикрутить водяные знаки.

Ключевые слова:
Тип материала:
Версия Drupal:
0 Thanks

Комментарии

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

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

Аватар пользователя sumcovsherbak
sumcovsherbak 6 лет назад

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

Аватар пользователя svigonnoj
svigonnoj 6 лет назад

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

Аватар пользователя neckale
neckale 6 лет назад

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

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

Аватар пользователя svigonnoj
svigonnoj 6 лет назад

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

Аватар пользователя ученик
ученик 6 лет назад

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

Аватар пользователя thezoom
thezoom 6 лет назад

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

Аватар пользователя KTATTOO
KTATTOO 6 лет назад

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

Аватар пользователя sumcovsherbak
sumcovsherbak 6 лет назад

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

Аватар пользователя KTATTOO
KTATTOO 6 лет назад

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

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

Аватар пользователя kurojneko
kurojneko 6 лет назад

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

Аватар пользователя KTATTOO
KTATTOO 6 лет назад

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

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

Аватар пользователя artlosk
artlosk 6 лет назад

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

Аватар пользователя Стан
Стан 6 лет назад

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

Аватар пользователя IRONFELIX
IRONFELIX 6 лет назад

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

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

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

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

Аватар пользователя nildar
nildar 6 лет назад
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;
      }
?>

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

Аватар пользователя komige
komige 6 лет назад

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

Аватар пользователя Yadovit
Yadovit 6 лет назад

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

Аватар пользователя djonvan
djonvan 6 лет назад

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

Аватар пользователя Babich
Babich 5 лет назад

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

Аватар пользователя magTooP
magTooP 5 лет назад

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

Аватар пользователя magTooP
magTooP 5 лет назад

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

Аватар пользователя mum
mum 5 лет назад

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

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

Аватар пользователя sashken
sashken 5 лет назад

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

Аватар пользователя mum
mum 5 лет назад

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

Аватар пользователя Персональные_данные

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

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

Аватар пользователя mum
mum 5 лет назад

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

Аватар пользователя АлександрБолт
АлександрБолт 5 лет назад

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

Аватар пользователя kosstep
kosstep 5 лет назад

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

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/

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

Аватар пользователя tabarigen
tabarigen 5 лет назад
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/

Аватар пользователя szx
szx 5 лет назад

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

Аватар пользователя postgardner2
postgardner2 5 лет назад

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

Аватар пользователя red14_99
red14_99 5 лет назад

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

Аватар пользователя red14_99
red14_99 5 лет назад

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

Аватар пользователя max5
max5 5 лет назад

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

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

Аватар пользователя 3vshi
3vshi 5 лет назад

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

Аватар пользователя ErmaK88
ErmaK88 5 лет назад

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

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

Аватар пользователя ErmaK88
ErmaK88 5 лет назад

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

Аватар пользователя sylor2012
sylor2012 5 лет назад

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

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

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

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

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

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

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

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

Аватар пользователя Arturus
Arturus 5 лет назад

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

Аватар пользователя NightEagle
NightEagle 5 лет назад

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

Аватар пользователя mum
mum 5 лет назад

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

Аватар пользователя shved
shved 5 лет назад

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

Аватар пользователя igorpol3
igorpol3 5 лет назад

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

Аватар пользователя I-OPKA
I-OPKA 5 лет назад

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

Аватар пользователя shved
shved 5 лет назад

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

Аватар пользователя Artu
Artu 5 лет назад

Спасибо. Хорошая мини галерея.

Аватар пользователя sdm98
sdm98 5 лет назад

тоже не могу победить загрузку сразу кучи фоток pupload... (( подскажите, кто смог

Аватар пользователя KUA-AINA
KUA-AINA 5 лет назад

все сделала по инструкции, глючит

например превьюшка при редактировании галереии не показывается, ее нет
в галерее изображение есть
при клике на лупе в галерее - This image could not be loaded

короче неработает

не создает файл превьюшки почемуто для редактируемой галереи в загрузчике

при просмотре галереи только для первой фотографии, для остальных нет

p/s/ Enable clean URLs - пришлось выключить только тогда заработало

http://drupal.org/node/1109312

Аватар пользователя kosmaty
kosmaty 4 года назад

спасибо

Аватар пользователя DarKaynd
DarKaynd 4 года назад

С мультизагрузкой: наткнулся http://sherskova.ru/drupal/image-multiupload-drupal7 там первый модуль собственно Plup , вот после его установки, в виджете появляется plupload и фотки загружаются пачками:)

Аватар пользователя mihanick
mihanick 4 года назад

Галерея нормально работает спасбо за эту темук, проблема с колрбокс

установил его по этой инструкции

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

Аватар пользователя mihanick
mihanick 4 года назад

Так может все таки подскажете , или посоветуйте ка по другому галерею сделать

Аватар пользователя Allaur
Allaur 4 года назад

При клике на картинку фото открывается в новом окне.Нужна настройка colorbox?

Аватар пользователя mihanick
mihanick 4 года назад

Вопрос решился, проблема была в том что друпал был установлен на денвере, на хостинге работает как надо.

Аватар пользователя Allaur
Allaur 4 года назад

У меня на хостинге стоит и всё равно открывается в новом окне

Аватар пользователя DarKaynd
DarKaynd 4 года назад

а что дописать, чтоб нижние превьюшки каруселью крутились?

Аватар пользователя Shevskay
Shevskay 3 года назад

Добрый день, Уважаемые!

Сделала по инструкции Макара такую галерею, не всё получилось, пока. Проблемы такие:

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

Прикрепляю картинку, если кто знает, где исправить, подскажите, пожалуйста?