如何顯示動態圖像作爲背景？

我正在開發一個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

如何顯示動態圖像作爲背景？

回答

相關問題