Предисловие

Галереи изображений, иными словами фотоальбомы, не всегда могут понадобится. Многие проекты, до сих пор прекрасно обходятся без галерей. Но тогда, когда мы сталкиваемся с задачей, где изображения (фотографии) нужно сортировать на логические структуры, без галерей не обойтись. Вы глубоко заблуждаетесь, если считаете, что галереями нужно пользоваться только тогда, когда есть потребность в размещении фотографий пользователей. На самом деле, использовать галереи можно для чего угодно. Будь то, квартальный отчёт с графиками, снимки космических тел, в разные периоды активности, фотографии гео-активности земного шара в разные сезоны. Всё это друзья и есть сортировка изображений на логические структуры.

В связи с тем, что многие по сей день сталкиваются с проблемами, при установке, настройке и использованию галерей изображений, мною было принято решение написать небольшое пособие на эту больную тему. Своего рода вводный курс. Надеюсь, это введение поможет не только тем, кто уже столкнулся с проблемами и неразрешёнными вопросами, но и тем, кто ещё не начал разворачивать функционал галерей, но в перспективе с этим столкнётся.

В моём примере я использую следующий набор модулей IMCE + IMCE_Gallery. Итак, вы готовы? Мы отправляемся!

Шаг первый, устанавливаем IMCE

Для начала, нам нужно скачать модуль IMCE. Скачайте IMCE, находящийся по адресу http://drupal.org/project/imce. и создайте папку sites/all/modules для модулей, если вы этого не сделали ранее. Далее, просто распакуйте архив, imce-5.x-1.0.tar.gz в папку sites/all/modules/imce/ . После того, как вы распаковали архив, вам нужно включить модуль IMCE в разделе администрирования модулей, находящимся по адресу admin/build/modules:

Начнём с того, что отправимся в раздел контроля доступа admin/user/access и настроем права на использование пользователями IMCE:

Да, может быть в реальных событиях и не стоит анонимным пользователям давать доступ к IMCE, но мы, за отсутствием других ролей, представим, что anonymous user это будто созданная нами роль и будем с ней работать надлежащим образом.

Далее нам понадобится настроить модуль. Отправляемся в раздел настройки модуля IMCE admin/settings/imce и видим приблизительно такую картину:

Так, как мы разрешили доступ к IMCE, у нас появилось 2 дополнительных пункта: Settings for the role: authenticated user (Настройки для роли: authenticated user) и Settings for the role: anonymous user (Настройки для роли: anonymous user). Эти пункты не появились бы, если бы мы с вами не разреши доступ в разделе контроля доступа.

Начнём с Common Settings. Так как мы не ставим себе целью в этом уроке использовать IMCE для вставки изображений в материалы, мы не будем включать вставку изображений и файлов в простые текстовые области. Иными словами, поле «Enable inline image/file insertion into plain textareas» мы оставим пустым.

Следующим нашим шагом будет настройка порядка действия ролей. Важно знать, что пользователь с несколькими ролями получает разрешения самой высокой из них. Отсортируем ID ролей согласно их иерархии от высшей к нижней, поместим между ними >: 2>1. Замечу, что в нашем случае 2 это пользовательская роль authenticated user, а 1 — anonymous user.

Далее нам понадобится настроить параметры модуля IMCE для пользователя #1, т.е. администратора. Укажем геометрические размеры для уменьшения (Dimensions for scaling), на тот случай, если загружаемая картинка превысит данный размер, она будет уменьшена до тех размеров, которые мы укажем. Размеры уменьшенной копии (Thumbnail dimensions) оставим в покое, повторюсь, в этом уроке мы будем использовать IMCE только как загрузчик изображений в галерею. Директорию для загрузки (Your upload directory) оставим без изменений — u1.

Ну что, вам ещё интересно? Тогда отправляемся настраивать IMCE для наших ролей, мы на полпути к победе.

Эксперимента ради, мы будем использовать одинаковые настройки у наших ролей, хотя в реальных событиях нам могут понадобиться разные настройки.

Позволим пользователям удалять загруженные файлы (delete files) и загружать новые (upload files). Укажем геометрические размеры для уменьшения (Dimensions for scaling), а так же укажем нужное нам ограничение на размер загружаемого файла (File size) и квоту на общий объём загружаемых файлов (Upload quota). Префикс для названий личных папок (Prefix for personal folder names) оставим без изменений — u.

Всё!
Примите мои поздравления.
Вы только что, самостоятельно установили и настроили модуль IMCE.

За дополнительной информацией по модулю, обратитесь к сайту проекта IMCE http://ufku.com/drupal/imce

Шаг второй, устанавливаем IMCE_Gallery

Для начала, нам нужно скачать модуль IMCE_Gallery. Скачайте IMCE_Gallery, находящийся по адресу http://drupal.org/project/imce_gallery. и распакуйте архив, imce_gallery-5.x-1.x-dev.tar.gz в папку sites/all/modules/imce_gallery/ . После того, как вы распаковали архив, вам нужно включить модуль IMCE_Gallery в разделе администрирования модулей, находящимся по адресу admin/build/modules:

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

Начнём с того, что отправимся в раздел контроля доступа admin/user/access и настроем права на использование пользователями IMCE_Gallery:

Повторюсь, в реальных событиях и не стоит анонимным пользователям давать доступ к IMCE и IMCE_Gallery но мы, за отсутствием других ролей, представим, что anonymous user это будто созданная нами роль и будем с ней работать надлежащим образом.

Далее нам понадобится настроить модуль. Отправляемся в раздел настройки модуля IMCE admin/settings/imce_gallery . Тут всё просто, нам нужно указать сколько альбомов пользователи могут создать. Давайте подумаем, для чего нам это.

А как же! Как раз для создания графиков в квартальном отчёте нам пригодится один альбом, для одного квартала. Или вот ещё пример: снимки космических тел, в разные периоды активности — один период, один альбом. А фотографии гео-активности земного шара в разные сезоны? Запросто, один сезон — один альбом. Как видите, эта возможность модуля - создавать много альбомов - удивительным образом нам на руку! Вводим нужное нам число и сохраняем результаты.

Ну что, теперь самое интересное. Отправляемся создавать наши галереи или фотоальбомы — как вам удобнее.

Для создания альбома, принадлежащего именно вам, нужно отправиться в личный раздел создания галерей imce_gallery/add:

Где от нас потребуется ввести название галереи (Gallery Name) и её описание (Gallery Description) на тот случай, если названия будут совпадать.

Автор модуля приготовил для нас с вами сюрприз. Он включил возможность публиковать свои галереи или делать из скрытными. В последнем варианте галереи, ровно как и их содержимое будем видеть только мы — авторы галереи. Скрывать галерею от общего обзора удобно тогда, когда допустим у нас есть среди прочих галерей рабочего содержания и те, содержимое которых, относится к разряду «личное».

Указав нужные нам данные, создадим нашу первую галерею (Create).
Подобным образом, создадим остальные требуемые галереи, в требуемом количестве. Помните, у нас есть ограничение на количество галерей, которое мы с вами выставили в настройках по адресу admin/settings/imce_gallery

Ну вот и пришло время для загрузки изображений на сервер и сортировки их по альбомам. Для загрузки изображений, используя IMCE отправляемся в свой профиль (My account), где выбираем раздел Личных фалов (Personal files):

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

Перед вами окно с содержимым вашей личной директории (в данном случае files/u1), разделённое на две части. В верхней части отображаются файлы, а в нижней части мы можем просмотреть загруженный файл. Ниже, мы видим строку в которой говориться об ограничениях на загрузку изображений.

Список файлов пуст, фалы не загружены и просматривать нечего. Давайте исправим это. Нажмите на кнопку обзор, выберите изображение и загрузите его к себе в каталог:

Если не убирать галку с функции Scale if necessary, то изображение, которое загрузится к нам в каталог, станет не более того размера, которых мы указали в настройках IMCE (Dimensions for scaling). А если уберём галку, изображение загрузится без изменений. Эта возможность есть только у администратора системы. У других пользователей, если не указать явно, этой опции не будет.

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

И последний штрих, добавление изображений в фотоальбомы.
Напротив каждого изображения, в верхней части окна есть ссылка add to gallery, нажав на которую, мы, выбрав галерею, из тех которые нами созданы отсортируем наши изображения по категориям. Подобным образом сортируем остальные изображения. Замечу, что одно и тоже изображение, может находиться в нескольких фотоальбомах. Например в случае, когда у нас есть 2 фотоальбома «Девушки программистки» и «Встречи с заокеанскими друзьями» мы можем подходящую по категориям фотографию разместить в 2 альбома.

Помните, на самом деле фотографии в галереях не создаются. А всего лишь выводятся в них. И если наша, предполагаемая фотография находится даже в 20 альбомах, на самом деле, физически это один файл.

Ну вот и всё. Мы с вами проделали большую и полезную работу и можем гордиться собой. Осталось убедиться в том, что изображения отсортированы и доступны для просмотра.

Отправляемся в наши галереи (My Gallery), выбираем галерею, и наслаждаемся!

Эпилог

На самом деле, как бы плохо не относились к галереям, последние являются мощным средством по предоставлению структурированного содержимого. Так или иначе, если в проекте предусмотрено массовое использование большого количества изображений и изображения следует разбить на категории, то без галерей вам не обойтись. Многие на сегодняшний недолюбливают работу с изображениями и всячески по возможности оттягивают обучение этому процессу. А зря, ведь эта удивительная возможность, предоставлять структурированные данные, не так уж и сложна в усвоении!

В прилагаемом прикреплении, находится патч модуля IMCE_Gallery.
На сегодняшний день (19.06.2007), оригинальный модуль не работает так, как этого требует наш урок. Автор исправлений http://drupal.ru/user/sign

Успехов вам, во всех начинаниях.
С уважением Сергей Яковлев (aka SadhooKlay)