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

Posted

技术标签:

【中文标题】获取动态图像 django / wagtail 的图像源【英文标题】:Getting the image source of a dynamic image django / wagtail 【发布时间】:2015-12-26 17:16:07 【问题描述】:

我想用源代码向我的模板中添加动态 wagtail 图像。

当我这样做时:

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

输出是:

<img src="[dynamic image source]"   >

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

我想将图像添加为背景,例如:

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

有人知道这是否可行吗?

【问题讨论】:

【参考方案1】:

如果你把图片标签写成:

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

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

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

【讨论】:

太好了,我用它在我的 wagtail 网站基本模板中创建了一个可自定义的元图像标签:。谢谢

以上是关于获取动态图像 django / wagtail 的图像源的主要内容,如果未能解决你的问题,请参考以下文章

Django - 安装wagtail

Django Wagtail - 如何设置日期格式?

Wagtail、CORS 和 Django-Cors-Headers。如何启用 CORS 以便 AXIOS 可以访问端点

在 Django Wagtail BaseSettings 中添加 MultiFieldPanel

如何在 Wagtail CMS 中添加对 ImageChooserBlock 的矢量图像支持?

升级 Wagtail 后如何解决 fts5 错误