您好,是否可以像这样一起使用 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>
最佳答案
img
没有长度。您可以测试img.width
.
$(document).ready(function() {
var i = $('mythumb'); // using an id <img id='mythumb'.....
if( i.width === 0 ) i.src='y';
}
使用相同的图像将使用正确的位置。
关于javascript - 在javascript中使用if和else语句来显示图像(如果图像不存在则显示其他图像),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36567639/