Skip to main content
Темплейты для Drupal

Галерея на Drupal 6 - Views Galleriffic

Задача - сделать галерею-портфолио на друпале с  возможностью сделать для каждой работы альбом с фотографиями (разные ракурсы, разные предметы в комплекте). Грубо говоря для каждой работы имеется некоторое количество фотографий, скажем от 3 до 25. Перепробовав самые разные варианты, в итоге остановилась на союзе CCK + Views Galleriffic.

Итак, для галереи один тип материала, парочка пресетов в ImageCache и одна вьюса.

Для начала убеждаемся в том, что у вас установлен Drupal и включены модули:

Теперь создаем новый тип материала, например Work Gallery. Добавляем в управлении полями (manage fields) новое поле для фотографий (тип данных - файл, элемент - image). В настройках поля указываем неограниченное число элементов и включаем описания для изображений. В отображении полей (display fields) для аннотации выбираем миниатюры со ссылкой на материал, для полного материала - значение скрыто (hide).

Далее - нужно создать два пресета ImageCache для отображения превьюшек и фотографий.

Я в названиях пресетов ImageCache использую размеры, например "100x100" (естественно x - латинская, а не русская). Возможно, это не вполне эстетично, зато при выборе пресета сразу видно размеры, если пресетов используется много - это удобно, на мой взгляд.

Итак, для превьюшек делаем пресет 80x80 (scale and crop), для полных изображений - 500 (ширина 500, высоту не указываем, действие Scale), так сохраняются пропорции и вертикальных, и горизонтальных фотографий. Ширину выбирать надо так, чтобы по горизонтали на странице умещались одна или две колонки с превьюшками и полное изображение, плюс отступы между ними. (По умолчанию в галерее будет одна колонка с превьюшками, в два столбца их можно построить указав в css flot: left для элменетов (надеюсь плагин для firefox Firebag вам знаком, и css вы хотя бы немного знаете).

Для рубрикации создаем нужные словари и термины таксономии, у меня это два словаря - по годам и по типам работ. Привязываем тип материала для галереи к этим словарям.

Добавляем несколько записей с фотографиями и приступим к созданию views для галереи.

Создаем новое представление (views) с названием, например, gallery. Модуль Views Attach позволяет нам использовать вид представления Node Content, оно то нам и потребуется.

Скриншот (кликабельно)

Основные настройки:

Стиль: Galleriffic Gallery (в настройках отмечаете то, что вам надо, отключаете то, что не нужно; мне например не нужно слайдшоу, но нужен pager для превьюшек)
Стиль строки: Galleriffic Fields (в настройках для полей выставить соответствующие поля, которые мы добавили для вьюса)

Node Content Settings:

Node type - ваш тип материала

Аргументы:

Материал:Nid (в настройках аргумента: подставить аргумент по умолчанию - ID материала из URL - базовая проверка - скрыть представление)

Поля:

Содержимое: фото / 80x80 ссылка (выбираем пресет миниатюры с отображением ссылкой, у меня это 80x80 ссылка)
Содержимое: фото / data (описание)
Содержимое: фото / 500 ссылка (пресет для полной картинки в виде ссылки)
Содержимое: фото / data (заголовок)

Настраиваем сортировку, в фильтрах - выбираем нужный тип материала и только опубликованные.

Сохраняем, идем смотреть на результат. Ну а дальше - темизируем вывод галереи с помощью css.

23

Comments

Дмитрий's picture
Дмитрий

У меня при созданиии данной галлереи выводит ошибку:
Views Galleriffic supports 'Group Multiple Values' ONLY if the 'Show _ Value(s)' is set to 1. Please update the field the "field_photo_g_fid" field.
что делать???

Мария Шерскова's picture
Мария Шерскова

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

Вадим's picture
Вадим

мне не помогает данное изменение...
Views Galleriffic supports 'Group Multiple Values' ONLY if the 'Show _ Value(s)' is set to 1. Please update the field the "field_foto3_fid" field.
Для field_foto3_fid - установлено 1...

что делать???

Вадим's picture
Вадим

в каком месте устанавливается значение "группировка множественных значений"?
ГЛОБАЛЬНЫЕ НАСТРОЙКИ, где устанавливается количество загружаемых изображений - это ведь не то?!

Мария Шерскова's picture
Мария Шерскова

Не то. Вам нужно во вьюсе в настройках поля с изображением в блоке Multiple values указать сколько изображений выводить из поля с изображениями. При этом количество загружаемых изображений для этого поля должно быть множественным. Если у вас там только одна картинка - настроек множественных значений не будет.

Вадим's picture
Вадим

Спасибо за ответ- все получилось)))
Еще вопрос: что значит: Ну а дальше - темизируем вывод галереи с помощью css.
как сделать что б фото группировались по словарю темизации? что именно прописывать в css?
Спасибо!

Вадим's picture
Вадим

очень нуждаюсь в подсказке)))

OMG's picture
OMG

О вот же ещё галерея...

Анатолий's picture
Анатолий

скриншот не работает The requested URL "/files/sherskova.ru/gallery-views2.jpg" was not found on this server. Было бы замечательно дать ссылку как галерея выглядит на сайте. И подробнее пояснить настройки, буквально как для первоклашки. Спасибо за работу. Если получится легко - отпишусь

Мария Шерскова's picture
Мария Шерскова

http://lgisf.com/content/art-and-vignettes - вот один из примеров.

А на странице модуля http://drupal.org/project/views_galleriffic ссылки аж на 9 демок включая вышеуказанную.

А настройки показаны на скриншоте, который теперь отображается

Игорь's picture
Игорь

А что это означает?
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.

Игорь's picture
Игорь

Всё сделал как написано выше, но показывает, что нет такой страницы: The requested page could not be found.

2 курс's picture
2 курс

Круто

Федор's picture
Федор

скажите, бьюсь второй день, как в друпал 7 во вьюс 3 можно использовать и выводить в одном дисплее (странице или блоке) 2 картинки разного размера (стиля изображения: медиум или ладж ). Возможность пока нашел только одну: установил дисплей сьют, которая позволяет добавить помимо стандартного анонса еще и свой анонс, обозвал его teaser2. Это позволило во вьюсе пользоваться Дисплей сьют + неформатированный список и выбрать для каждого элемента вьюса свой стиль отображения: анонс или teaser2, сделанный с помощью Дисплей сьют.
Может это возможно как-то проще реализовать?

wshurik's picture
wshurik

А можно ли сделать, что б в просто материале изображения выводились этим модулем? Или для каждой страницы надо еще views делать?

Алексей's picture
Алексей

Че-то ниче не получается(((( выдает много ошибок.

Views Galleriffic requires you to assign a field for "slide_field". Currently the "slide_field" is empty. Click 'Row Style: Galleriffic Fields' to set.
Views Galleriffic requires you to assign a field for "thumbnail_field". Currently the "thumbnail_field" is empty. Click 'Row Style: Galleriffic Fields' to set.
Views Galleriffic requires you to assign a field for "title_field". Currently the "title_field" is empty. Click 'Row Style: Galleriffic Fields' to set.
Views Galleriffic requires you to assign a field for "description_field". Currently the "description_field" is empty. Click 'Row Style: Galleriffic Fields' to set.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.
Views Galleriffic supports 'Group Multiple Values' ONLY if the 'Show _ Value(s)' is set to 1. Please update the field the "field_image_gallery_fid" field.
Views Galleriffic supports 'Group Multiple Values' ONLY if the 'Show _ Value(s)' is set to 1. Please update the field the "field_image_gallery_fid_1" field.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.
Views Galleriffic does not allow you to use the same field instance twice. You can use the same field twice, and are encouraged to for images. You just need to make two instances of the same field. To do add the same field twice under 'Fields'. Give each a different label. Then select each instance of that field once under 'Row style: Galleriffic Fields'. See README.txt for details.

Мария Шерскова's picture
Мария Шерскова

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

Dastiw1's picture
Dastiw1

Модуль конфликтует с другими яваскариптами. Зря поставил. Может быть это у меню был mootools. Я только изучаю просто

lisa's picture
lisa

А как сделать несколько таких галерей на одной странице? просто при выводе он генерирует одинаковые id для всех. может есть исправленный вариант модуля?

Мария Шерскова's picture
Мария Шерскова

Сделать несколько блоков (вьюсами, например) и запихать на страницу (в панель например).

lisa's picture
lisa

вы немного не так поняли мой вопрос, проблемы нет чтобы их разместить, проблема заключается в том, повторюсь, сам модуль js-ом генерит одинаковые id при создании галереи и поэтому когда выводим, то на странице появляются одинаковые id- собственно так нельзя чтобы было, и поэтому галереи не работают...никто не переписывал js для этих целей?

lisa's picture
lisa

<div id="galleriffic" class="clearfix">
<div id="thumbs" class="navigation galleriffic-processed" style="opacity: 1;">
<ul class="thumbs">
<li style="opacity: 0.67;" class="selected"></li>
</ul>
<div class="bottom pagination"></div>
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div id="slideshow-container">
<div id="loading" class="loader" style="display: none;"></div>
<div id="slideshow" style="height: 395px;"></div>
.........

<div id="galleriffic" class="clearfix">
<div id="thumbs" class="navigation galleriffic-processed" style="opacity: 1;">
<ul class="thumbs">
<li style="opacity: 0.67;" class="selected"></li>
</ul>
<div class="bottom pagination"></div>
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div id="slideshow-container">
<div id="loading" class="loader" style="display: none;"></div>
<div id="slideshow" style="height: 395px;"></div>
.........

примерно так выглядят 2 галереи на странице

Абдырахман's picture
Абдырахман

люди, более подробно вот тут - https://drupal.org/node/1578146