html - Django if/elseステートメントで画像をCSSに置き換える

Question

stackoverflow と同様の投票システムを作成しようとしていますが、画像の代わりに css を呼び出す方法がわかりません。

次のコードがあります。

 <input type="image" id="uparrow{{ vote.id }}" src="{{ MEDIA_URL }}static/img/aup{% if vote and vote.is_upvote %}mod{% else %}grey{% endif %}.PNG">

img src の代わりに css クラスを呼び出すようにコードを変更するにはどうすればよいですか?

Answer 1

あなたは次のようなものを探しています：

<input type="image" id="uparrow{{ vote.id }}" 
       src="{{ MEDIA_URL }}static/img/vote.png"
       class="otherclass {% if vote and vote.is_upvote %}upvote{% else %}novote{% endif %}" />

画像には、「otherclass」と「upvote」というクラスがあり、「otherclass」と「novote」というクラスがあります。