首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >wagtail‘你的第一个网站’:我如何链接到画廊图片的原件?

wagtail‘你的第一个网站’:我如何链接到画廊图片的原件?
EN

Stack Overflow用户
提问于 2018-08-24 04:09:32
回答 1查看 54关注 0票数 0

在wagtail的getting started tutorial中,模板中有以下代码:

{% for item in page.gallery_images.all %}
    <div style="float: left; margin: 10px">
        {% image item.image fill-320x240 %}
        <p>{{ item.caption }}</p>
    </div>
{% endfor %}

如果我遗漏了一些明显的东西,但我在文档中找不到如何做到这一点,请原谅。如何链接到原始文件?例如:

  <a href="WHAT_GOES_HERE_SO_I_CAN_DOWNLOAD_ORIGINAL_IMAGE?">{% image item.image fill-320x240 %}</a>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-24 04:32:33

您将希望在模板中使用{{ img.url }}属性。

{% for item in page.gallery_images.all %}
    <div style="float: left; margin: 10px">
        {% image item.image fill-320x240 as img %}
        <p>{{ item.caption }}</p>
        {% comment %}
            Assign your image `as img` (doesn't need to be `img`, you can
            use any alias you'd like
        {% endcomment %}
        <img href="{{ img.url }}" alt="{{ img.alt }}" />
        <a href="{{ img.url }}">This is the link to your image</a>
    </div>
{% endfor %}

通过为您的图像分配一个别名,例如as img (在上面的代码中),您可以在模板中使用{{ img.property_name }}

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51993579

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档