Изменение размера / масштабирование изображений в представлении путем установки пользовательской ширины CSS

#image #drupal #imagefield

#изображение #drupal #поле изображения

Вопрос:

Проблема

Я провожу некоторое обслуживание и изменения на сайте Drupal, но я не эксперт. Моя проблема заключается в следующем. У меня есть представление, которое создает таблицу HTML, извлекая некоторые значения полей и помещая их в столбцы таблицы. Одним из этих полей является изображение. К сожалению, каждое изображение имеет разный размер (изображения загружаются пользователями), и поэтому общая таблица выглядит уродливо. Я хотел бы изменить размер / масштаб изображений так, чтобы все они имели одинаковую ширину. Я знаю, что могу использовать CSS, чтобы установить ширину изображения на фиксированное значение и соответствующим образом отрегулировать высоту:

 <img src="..." style="width:70px"/>
  

К сожалению, я не знаю, как заставить Drupal выводить этот пользовательский HTML при обработке моего представления. В настоящее время созданный HTML выглядит следующим образом:

 <img 
  class="imagefield imagefield-field_imgsmall" 
  width="100" 
  height="39" 
  alt="" 
  src="http://www.mysite.org/sites/default/files/foobar.png?1292948397">
  

и я предполагаю, что это создается одним из полей представления (а именно field_imgsmall ).

Первый вопрос: что это за число после ? в src URL? И откуда это берется? (Каждое изображение имеет другой номер в соответствующем src URL)

Что я пробовал

Я заметил, что в режиме «редактировать вид» при выборе поля я могу проверить опцию Перезаписать выходные данные этого поля, и там я могу смешивать шаблоны HTML и подстановки. Однако я видел, что один из доступных мне шаблонов подстановки ( [field_imgsmall_fid] ) фактически создает весь приведенный выше HTML… поэтому я не могу это настроить.

Что я могу сделать? Я иду в совершенно неправильном направлении?

Ответ №1:

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

Вот пошаговое руководство:

http://2bits.com/articles/drupal-using-imagecache-with-views-and-cck-imagefields.html

Комментарии:

1. Спасибо! imagecache сделал свое дело. Я также нашел это видео полезным для понимания того, как его настроить.