html - 获取动态图像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 }})">