Вывод изобржений

Главные вкладки

Аватар пользователя вася135 вася135 14 ноября 2012 в 1:02

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

Комментарии

Аватар пользователя sg85 sg85 14 ноября 2012 в 2:15

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

Аватар пользователя whiesam whiesam 14 ноября 2012 в 7:34

"sg85" wrote:
Через CSS, например, однако логичнее сделать 2 поля, 1 для одной большой фотографии, другое для всех остальных, далее все тот же CSS.

Не не не.
в /admin/config/media/image-styles создаешь все размеры изображений которые нужны.
И в зависимости от модуля вывода (у меня Cloud Zoom) ты их настраиваешь, допустим фотография большая (стиль1-200-300) и миниатюры (стиль2-100-200). Стили1-2 настраиваешь в /admin/config/media/image-styles.
А в ноде просто сделай поле загрузки изображение и огранить его допустим 8 фотками, или без ограничения.

Аватар пользователя sg85 sg85 14 ноября 2012 в 8:09

"whiesam" wrote:
И в зависимости от модуля вывода (у меня Cloud Zoom) ты их настраиваешь, допустим фотография большая (стиль1-200-300) и миниатюры (стиль2-100-200). Стили1-2 настраиваешь в /admin/config/media/image-styles.

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

Аватар пользователя whiesam whiesam 14 ноября 2012 в 8:24

Тут скорее всего и нужна необходимость переключении основной фотки при нажатии на миниатюру. А тут только модулями.

Аватар пользователя вася135 вася135 14 ноября 2012 в 13:51

"sg85" wrote:
Через CSS, например,

Если честно, не могу сообразить, через CSS, вывод одной большой, а остальных маленьких.
"sg85" wrote:
логичнее сделать 2 поля, 1 для одной большой фотографии, другое для всех остальных, далее все тот же CSS.

Это первое, что пришло на ум, но хотелось бы загружать все изображения через одно поле.
"whiesam" wrote:
Тут скорее всего и нужна необходимость переключении основной фотки при нажатии на миниатюру. А тут только модулями.

Такой необходимости нет.

Аватар пользователя sg85 sg85 14 ноября 2012 в 20:47

"вася135" wrote:
Если честно, не могу сообразить, через CSS, вывод одной большой, а остальных маленьких.

Там у первого изображения класс будет отличаться от остальных, обычно он содержит first, остальным можно изменить размер на меньший, но это то, что называется через одно место.
"вася135" wrote:
Это первое, что пришло на ум, но хотелось бы загружать все изображения через одно поле.

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

Аватар пользователя whiesam whiesam 15 ноября 2012 в 8:37

Зачем изобретать велосипед?
Поставь просто модуль вывода изображений и настрой его. Загрузка будет происходить через 1 поле и т.д.
Зачем верстать всё заново.

Аватар пользователя sg85 sg85 15 ноября 2012 в 9:32

"whiesam" wrote:
Зачем изобретать велосипед?

В чем именно заключается велосипед?

"whiesam" wrote:
Зачем верстать всё заново.

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

"whiesam" wrote:
Поставь просто модуль вывода изображений и настрой его. Загрузка будет происходить через 1 поле и т.д.

"вася135" wrote:
"whiesam" написал(а):
Тут скорее всего и нужна необходимость переключении основной фотки при нажатии на миниатюру. А тут только модулями.
Такой необходимости нет.

у Вас есть конкретные примеры модулей вывода изображений без использования js?

Аватар пользователя whiesam whiesam 15 ноября 2012 в 10:45

Для ручного вывода загруженных фоток придёться огород из кода городить. Т.е. Сначала необходимо всё это темизировать (php, drupal api, css), так как Drupal не умеет так выводить фотографии (даже с DS и Panels).
Воткнул какой-нибудь Cloud Zoom, Delta image (или как то так) и радуешься)

Аватар пользователя sg85 sg85 15 ноября 2012 в 12:31

"whiesam" wrote:
Для ручного вывода загруженных фоток придёться огород из кода городить.

модуль image, входящий в состав ядра 7рки, или imagefield для CCK + imagecache 6рки
"whiesam" wrote:
Сначала необходимо всё это темизировать (php, drupal api, css)

Темизация, в данном случае, не нужна(хотя можно заморочиться, и сделать что бы действительно 1 картинка грузилась большого размера, остальные мелкие, но по моему это уже извращение), а подгонять элементы через css придется даже в случае с какой-нибудь Cloud Zoom, Delta image (или как то так)
"whiesam" wrote:
так как Drupal не умеет так выводить фотографии (даже с DS и Panels).

умеет - float:left
"whiesam" wrote:
Воткнул какой-нибудь Cloud Zoom, Delta image (или как то так) и радуешься)

чему?)

Аватар пользователя whiesam whiesam 15 ноября 2012 в 14:31

"sg85" wrote:
а подгонять элементы через css придется даже в случае с какой-нибудь Cloud Zoom, Delta image (или как то так)

Нет, там просто галочку поставить нужно и указать размер превьюшки, и с какой стороны выводить. И выходит в точности такое как и картинке в топике.

"sg85" wrote:
умеет - float:left

Это уже не стандартные средства друпала))

"sg85" wrote:
чему?)

Не надо всё это дивами и таблицами раскидывать.

В общем Cloud Zoom, решает данную проблему более чем полностью, у меня на сайте точно так же всё выведено. И ни строчки кода)

Аватар пользователя whiesam whiesam 15 ноября 2012 в 15:58

Сайт в режиме о обслуживания, я темизацию доделываю, в личку напишите свой номер icq или skype я открою ненадолго доступ.

Аватар пользователя sg85 sg85 16 ноября 2012 в 5:45

"whiesam" wrote:
я темизацию доделываю

"whiesam" wrote:
Это уже не стандартные средства друпала))

"whiesam" wrote:
Нет, там просто галочку поставить нужно и указать размер превьюшки, и с какой стороны выводить. И выходит в точности такое как и картинке в топике.

даже если ширина моей темы 300px?

Аватар пользователя whiesam whiesam 16 ноября 2012 в 7:33

"sg85" wrote:
даже если ширина моей темы 300px?

Да, а почему бы и нет? Если это мобильная тема, то просто размеры в Cloud Zoom необходимо указать меньше.
А под темизацией я имел в виду, отCSS'ить тему Adaptive Theme и ещё некоторые вещи, которые никак не относятся к выводу изображений.

Если кому-то нравиться кодить, милости прошу, но у меня нет желания писать тоже самое, что уже существует.

Аватар пользователя whiesam whiesam 16 ноября 2012 в 14:14

"hoter" wrote:
Попробуйте http://drupal.org/project/galleryformatter[/quote]
Это тоже модуль. И отлично подходит.
"sg85" wrote:
Вариант выше как раз для создания подобного без использования громоздких модулей вывода(галерей). Вдобавок, на примере никакими зумами и не пахнет - самый обычный тупой рендеринг полей + пара строк в CSS.

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

Пора заканчивать этот холивар!)))