2016-04-12 15 views
0

こんにちは画像を表示するには、JavaScriptでifとelse文を使用することは、この方法として、Djangoテンプレート言語とJavaScriptを一緒に使用することが可能です:(画像が表示他の画像を存在しない場合)

   {% if post.main_image %} 
<img src="{{post.get_image_url}}" class="img-rounded" alt="☺" height="75" width="75"/> 
    {% elif post.url %} 
    {% video post.url as my_video %} 
     <img src="{{ my_video.thumbnail }}" id="myThumb" class="img-rounded" alt="☺" height="75" width="75"/> 
{% endvideo %} 
{% else %} 
<img src="{{post.thumbnail}}" class="img-rounded" alt="☺" height="75" width="75"/> 
{% endif %} 



<script> 
$(document).ready(function() { 
    var i = $('mythumb'); // using an id <img id='mythumb'..... 
    if(i.width === 0) i.src='<img src="{{post.image}}" class="img-rounded" alt="☺ EBAGU" height="75" width="75"/>'; 
} 


</script> 

答えて

1

img doesnの長さはありません。 img.widthをテストできます。同じ画像を使用して

$(document).ready(function() { var i = $('mythumb'); // using an id <img id='mythumb'..... if(i.width === 0) i.src='y'; }

適切な場所を使用します。

+0

私が試したものを編集しました。どうぞご覧ください。 –

+0

' var i = $( 'myThumb'); // !! if(i.width === 0)i.src = '{{post.image}}'; ' – Holger

+0

ですが、私はpost.imageをCSS – winixxee

関連する問題