Python 使用Django在amp lightbox中设置多媒体资料

Python 使用Django在amp lightbox中设置多媒体资料,python,html,django,python-3.x,amp-html,Python,Html,Django,Python 3.x,Amp Html,我一直在做一个项目,后端是Django,前端是amp;虽然我在链接两个标签时遇到了一些麻烦,比如lightbox一个 我想在我的产品页面上获得第一批图像的列表(我已经完成了),通过单击图像,它会在lightbox上显示该对象的其他图像,而无需转到详细信息模板 整个项目在GitHub上更新,网址为: 这就是我正在尝试的amp代码。我在test.amp.html上尝试了这一个,并且把它放在了我的分类上。(产品模板) 卢卡斯 {veiculos%中的v为%1} {{v.modelo}} (404)

我一直在做一个项目,后端是Django,前端是amp;虽然我在链接两个标签时遇到了一些麻烦,比如
lightbox
一个

我想在我的产品页面上获得第一批图像的列表(我已经完成了),通过单击图像,它会在
lightbox
上显示该对象的其他图像,而无需转到详细信息模板

整个项目在GitHub上更新,网址为:

这就是我正在尝试的
amp
代码。我在
test.amp.html
上尝试了这一个,并且把它放在了我的分类上。(产品模板)


卢卡斯
{veiculos%中的v为%1}
{{v.modelo}}
(404)

然而,这幅图中的图像是:


是否有某种
媒体前缀
或类似的东西?

我以一种愚蠢的方式得到了结果。除了在我的视图或模板上设置对象外,还可以像在第一张图片中一样在函数中设置对象,但在第二张和其他两张图片中设置对象 结果是:

template
<body>
    <h1>lucas</h1>
    {% for v in veiculos %}
    <amp-carousel lightbox width="1600" height="900" layout="responsive" type="slides">
        <amp-img src="{{v.first_image.imagem.url}}" width="200" height="100"></amp-img>
        <amp-img src="{{v.second_image.imagem.url}}" width="200" height="100"></amp-img>
    </amp-carousel>
    {% endfor %}
如果将来有人不了解项目,请尝试访问:

template
<body>
    <h1>lucas</h1>
    {% for v in veiculos %}
    <amp-carousel lightbox width="1600" height="900" layout="responsive" type="slides">
        <amp-img src="{{v.first_image.imagem.url}}" width="200" height="100"></amp-img>
        <amp-img src="{{v.second_image.imagem.url}}" width="200" height="100"></amp-img>
    </amp-carousel>
    {% endfor %}
    def first_image(self):
        return self.images.first()  

    def second_image(self):
        return self.images.all()[1]