获取动态图像django / wagtail的图像源

Question

我想使用源代码将动态鹡鸰图像添加到我的模板中。

当我这样做时：

{% load wagtailcore_tags wagtailimages_tags %}
{% image page.specific.main_image width-400 %}

输出为：

<img src="[dynamic image source]" width="400" height="171" alt="[dynamic image alt]">

是否可以只获取动态图片的src？

我想将图片添加为背景，例如：

<div style="background-image:url([dynamic image source])">

有人知道这是否可行吗？

Answer 1

如果你把图片标签写成：

{% image page.specific.main_image width-400 as my_image %}

这会将图像信息写入变量my_image，而不是立即输出标签。然后你可以写：

<div style="background-image:url({{ my_image.url }})">

Getting the image source of a dynamic image django / wagtail