by admin

Как Пользоваться Gallery На Drupal

Не знаю как Вы, но я начал внедрять Drupal 7 в своих проектах сразу после его выхода и за то время что я работаю с ним пришлось решить немало различных проблем с реализацией того или иного функционала в сайтах. Сегодня я хочу поговорить о реализации красивой галереи для сайта. Все подробности моего решения изложены далее в посте, у кого возникнут вопросы относительно реализации, прошу писать в комментариях к записи. Для реализации задуманного нам понадобится последняя версия Drupal 7 и следующие модули: Views, Colorbox также желательно поставить Token, и Сtools без него не будет работать Views.

Локализируем все это дело по вкусу и идем дальше. Для функционирования Colorbox нам необходимо и поместить её в sites/all/libraries/colorbox.

Статьи о Drupal. Фотогалерея на drupal с использованием Gallery Assist. Фотогалерея на drupal с использованием Gallery Assist. В интернете миллион вопросов как создать на Друпале хорошую красивую фотогалерею, не прилагая для этого титанических усилий.. Далее создаем новый материал с типом Gallery, заходим в редактирование только что созданной ноды и видим там свернутое поле Image Fuploads, разворачиваем его и там все понятно. Использовать Gallery На Drupal. Как в Media Gallery мы. Ru в очередной раз поставили вопрос.

Сказано, сделано. Теперь давайте создадим новый тип материала, сделать это можно по адресу /admin/structure/types аналогично – Администрирование – Структура – Типы материалов. Тут сам процесс практически ничем не отличается от создания новых типов для Drupal 6. Ну что же создаем новый тип, пусть он будет называть Фотоотчет. Теперь можно увидеть в нашем списке материалов только что созданный нами тип Фотоотчет. Теперь в колонке действия для нашего типа нажимаем на ссылочку управления полями.

И создаем новое поле, тип хранения данных – изображение, виджет изображение. В настройках поля можно указать каталог для хранения файлов fotoreports/random:number в , чтобы использовать random:number в у вас должен быть установлении Token.

Дальше тут все стандартно, укажем максимальный размер загружаемого файла, минимальное и максимальное разрешение для загружаемой картинки, в поле количество значений установим – Не ограничено. Теперь возвращаемся к списку наших типов, и в колонке действием для нашего типа нажимаем – Управление отображением. Тут мы видим созданное нами поле – изображение. В колонке формат для данного поля изменим в списке с изображение на colorbox, сохраняем, и видим правее от этого поля, появилась иконка с шестеренкой, нажимаем на нее.

Давай те настроем обработку этого поля, можете сделать, как показано на картинке ниже. У вас стили изображения могут отличаться от моих, но стандартные типы как medium буду присутствовать. Создать свой стиль для отображения можно тут — /admin/config/media/image-styles. И так вернемся к настройке поля, после того как вы настроили это поле сохраняем и можем создать пробную фотогалерею. Выглядеть она будет примерно так же как на фотографии ниже.

Единственное что я немного обработал её с помощью CSS. При клике на картинку будем видеть следующие.

Варианты отображения тут кстати тоже можно настроить, сделать это можно вот тут — /admin/config/media/colorbox в поле стиль, всего там 8 вариантов оформления. Теперь зачем тут Views спросите вы. С помощь этого замечательного модуля мы можем создать представление для галереи. Думаю тут у Вас проблем быть не должно, просто создадим представление для материалов типа Фотоотчет. Скрин настоек представление на всякий случай прикладываю ниже. Ну и собственно, еще ниже изображение результат данного представления. Ну, вот как то так, по вкусу можете еще обыграть это дело с помощью css.

Если есть вопросы пишете комментарии, постараюсь всем ответить. Опубликовано Автор Рубрики Метки, Навигация по записям.

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

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

В моём примере я использую следующий набор модулей IMCE + IMCEGallery. Итак, вы готовы? Мы отправляемся! Шаг первый, устанавливаем IMCE Для начала, нам нужно скачать модуль IMCE. Скачайте 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 ролей согласно их иерархии от высшей к нижней, поместим между ними : 21. Замечу, что в нашем случае 2 это пользовательская роль authenticated user, а 1 — anonymous user. Далее нам понадобится настроить параметры модуля IMCE для пользователя #1, т.е.

Укажем геометрические размеры для уменьшения ( Dimensions for scaling), на тот случай, если загружаемая картинка превысит данный размер, она будет уменьшена до тех размеров, которые мы укажем. Размеры уменьшенной копии (T humbnail 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 Шаг второй, устанавливаем IMCEGallery Для начала, нам нужно скачать модуль IMCEGallery. Скачайте IMCEGallery, находящийся по адресу. И распакуйте архив, imcegallery-5.x-1.x-dev.tar.gz в папку sites/all/modules/imcegallery/. После того, как вы распаковали архив, вам нужно включить модуль IMCEGallery в разделе администрирования модулей, находящимся по адресу admin/build/modules: После того, как мы включили модуль, нам понадобиться его настроить и разрешить пользовательским ролям им пользоваться. Начнём с того, что отправимся в раздел контроля доступа admin/user/access и настроем права на использование пользователями IMCEGallery: Повторюсь, в реальных событиях и не стоит анонимным пользователям давать доступ к IMCE и IMCEGallery но мы, за отсутствием других ролей, представим, что anonymous user это будто созданная нами роль и будем с ней работать надлежащим образом. Далее нам понадобится настроить модуль.

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

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

Как пользоваться gallery на drupal 7

Ну что, теперь самое интересное. Отправляемся создавать наши галереи или фотоальбомы — как вам удобнее. Для создания альбома, принадлежащего именно вам, нужно отправиться в личный раздел создания галерей imcegallery/add: Где от нас потребуется ввести название галереи ( Gallery Name) и её описание ( Gallery Description) на тот случай, если названия будут совпадать. Автор модуля приготовил для нас с вами сюрприз.

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

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

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

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

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

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

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

Осталось убедиться в том, что изображения отсортированы и доступны для просмотра. Отправляемся в наши галереи ( My Gallery), выбираем галерею, и наслаждаемся! Эпилог На самом деле, как бы плохо не относились к галереям, последние являются мощным средством по предоставлению структурированного содержимого. Так или иначе, если в проекте предусмотрено массовое использование большого количества изображений и изображения следует разбить на категории, то без галерей вам не обойтись.

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

На сегодняшний день , оригинальный модуль не работает так, как этого требует наш урок. Автор исправлений Успехов вам, во всех начинаниях. С уважением Сергей Яковлев (aka SadhooKlay). Видимо, единственный вариант массового залива фоток - это прикрутить Gallery2,.

Эта зараза по дефолу требует php safemode=off (на сайте поддержки есть 14-ти страничный тред на эту тему со смыслом 'нафига фигню нафигачили'), правда это решается выкидыванием всех проверок, но как-то это. Кроме того эта зараза требует gettext, который обычно на дешевых хостингах тоже отсутствует. Короче, гениальное изобретение, но прикручивать опупеешь:) Да, еще одну ерунду мне победить не удалось - разметка там минимальная жесткая и на жестких темах Drupal-а все выглядит вкривь и вкось, спасает только резинка в темах. Зато удобный альбомчик получае, с масс-аплодом и даже какой-то десктопной частью. Правда на Linux прицепить ее не получилось:) Похоже,все же руки у меня кривоваты. Столкнулся с такой проблемой: в один момент imce gallery перестал работать: захожу в галерею, открываю картинку для просмтора, она открывается, через пару секунд сама закрывается добавить картинки в галерею не могу - выбираю картинку, нажимаю add to galery - выбираю галерею, выдает сообщение - картинка уже добавлена с загрузкой картинок в галерею тоже чудеса: выбираю картинку, загрузить файл - типа загружает, имя, размер, все есть. А в окошке снизу его нету, пишет только Директория: files/u1.

Файл и на самом деле там есть естесно, никуда не добавляет ее тоже. Удалил галерею (модули imce, imce galery), установил их заново, тож самое, только теперь даже не могу создать галерею - перехожу на вкладку 'создать галерею' пишу имя галереи, нажимаю создать и все.

Форма очищается, типа напиши еще что-нить. Мож подскажите, в чем проблема? Упорядочивание изображений в списке. Я пытаюсь вставить изображение в текст. Нажимаю Insert image и появляется окошко со списком файлов. У меня их 100.

В списке не отображается, но я знаю, что 50 файлов находится в галерее Прага, 50 в галерее Германия. Можно ли сделать так, чтобы отображались файлы только из галереи Германия, допустим? Все перерыла ничего не понятно:( Пыталась использовать Subfolders, но потом выяснила, что их может создавать только администратор, а не сами пользователи:( Может кто знает как решить проблему??