2017-03-16 27 views
0

私は管理サイト(モデル)から多くの画像を動的に配置できるシンプルなウェブサイトであるdjangoアプリケーションを開発しています。私は1つのループで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 %} 
+0

だからあなたはこれが欲しいですか? https://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index2.html – Beomi

+0

ええ、これらの画像が管理サイト(モデル)で動的に配置されているかどうかはわかりません。はいの場合、私はこれをどのように行うことができるか知りたいと思います。 – victorcd

+0

確かにこれを行うことができます:)フォトモデルを作成し、Photo.objects.all()をHTMLに戻して表示するビューを作成します。 – Beomi

答えて

0

問題は、それを行うためのDjangoテンプレート言語、または単にHTML部分を使用する方法ですか?独自のHTMLコードを使用しているか、他の場所から取得したテンプレートを使用していますか。

最初のような場合は、私は、例えば、ブートストラップテンプレートhttp://getbootstrap.com/を使用することをお勧めして、代わりに独自のHTML/CSSを書いて、(あなたが数百人を見つけるだろう検索した場合)定型としてテンプレートのいずれかを使用します。

+0

私はDjangoプロジェクトがうまく動作しています。私は、動的イメージをバックグラウンドとして実行できるHTMLを作成する方法を知りたいと思います。ええ、私はこれを行うことができるhtmlを作成しようとしています。だから、私の問題はHTMLだけです。 – victorcd

+0

私は、djangoコードが関係していないので、html/css関連ではなく、djangoとして質問を投稿することを提案します。 htmlについては、exmple https://blackrockdigital.github.io/startbootstrap-full-slider/のようなブートストラップテンプレートを使用します。必要なHTMLコードとCSSコードはすべてそこにあります画像とそれは動作します。 –

+0

これを置くためにループを作らなければならなかったので、私のソースイメージは可変です。私は背景としてこの可変イメージを設定する方法を知らない。 – victorcd

関連する問題