通过设置自定义CSS宽度来调整视图中的图像大小/缩放

Question

问题

我在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之后的数字是多少？它来自哪里？ （每个图像在相应的src URL中具有不同的编号）

我尝试了什么

我注意到在“编辑视图”模式下，选择字段时，我可以选中重写此字段的输出选项，然后我可以混合使用HTML和替换模式。但是，我已经看到我可以使用的替换模式之一（[field_imgsmall_fid]）实际上是在生成上面的整个HTML ...所以我无法自定义它。

我该怎么办？我是朝着一个完全错误的方向前进的吗？

Answer 1

您应该查看imagecache模块，它允许您调整图像大小（并缓存结果，因此调整大小的过程很少发生）。

这是一个演练：

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