如何显示动态图像作为背景？

我正在开发一个django应用程序，这是一个简单的网站，我可以从我的管理网站（模型）动态地放置许多图像。我知道如何在一个循环中在我的html模板中显示这些图像，但我不知道如何将这些图像作为背景或标题显示在我的html模板中。有没有人有一个想法如何我的HTML？我有使用CSS来做到这一点吗？如何显示动态图像作为背景？

的.html

{% for post in posts %} 
     <div class=item> 
      <p>{{ post.nome_hotel }}</p> 
      <p>{{ post.apresentacao_hotel }}</p> 
      <picture>{% cloudinary post.foto_hotel %}</picture> 
     </div> 
    {% endfor %}

来源

2017-03-16 victorcd

所以你想这样？ https://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index2.html – Beomi

是的，但我不知道这些图像是否与管理网站（模型）动态放置。如果是的话，我想知道我该如何做到这一点。 – victorcd

当然你可以做到这一点:)制作照片模型，并使视图返回Photo.objects.all（）到您的HTML呈现:) – Beomi

的问题是如何使用Django的模板语言来做到这一点，或者只是HTML部分（我只用它来显示我的形象的方式）？您正在使用自己的html代码或使用从别处获取的模板？

如果第一种情况，我会建议使用例如引导模板http://getbootstrap.com/，而不是编写自己的HTML/CSS，使用其中一个模板（如果搜索将找到数百）作为样板。

来源

2017-03-16 00:27:11

我有一个Django projecto很好，我想知道如何创建一个HTML，我可以将动态图像作为背景。是的，我正在尝试创建一个可以做到这一点的HTML。所以，我的问题只是HTML。 – victorcd

我建议然后将问题发布为html/css相关，而不是django，因为没有涉及到django代码。关于html，我会使用像这样的引导模板来实现https://blackrockdigital.github.io/startbootstrap-full-slider/，需要的所有html和css代码都在那里，你只需要指出你的源代码图像和它的作品。 –

我的源图片是可变的，因为我不得不做一个循环来放置它。我不知道如何将这个变量图像设置为背景。 – victorcd

如何显示动态图像作为背景？

回答

相关问题