Drupal 9.2 template_preprocess_image 挂钩不起作用

Question

我正在使用 drupal 9.2 最新版本。 对于图像的高度和宽度也自动设置

loading = 'lazy'

此属性添加在网站的每个图像中。

我尝试使用下面的钩子取消设置这些属性。

function theme_preprocess_image(&$var) { 
  $var['attributes']['loading'] = 'auto';
  unset($var['height'], $var['width']);
}

但是钩子没有被触发。 是否需要更改最新版本的配置。

Answer 1

我知道这个问题已经存在一年了，但我认为这些信息很重要。

您正在尝试删除图像的高度和宽度属性。 我可以想象这是因为您使用 css 设置尺寸。

这是有问题的，因为您的浏览器需要这些属性来计算图像比例并在图像容器中保留这个空间。

如果您删除这些属性，则不会保留任何空间，并且网站在加载时会开始跳来跳去。 所以是的：不要删除高度和宽度，只需用 css 覆盖它：

width: 100%
height: auto;