Изменение размера / масштабирование изображений в представлении путем установки собственной ширины CSS
проблема
Я занимаюсь некоторым обслуживанием и изменениями на сайте 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