关于网站文章列表页文章缩略图显示问题，有图显示无图就不显示

[xiaotian183]

{dede:list pagesize='15'}
<li class="J-has-share listNews-item-s1 clearfix">
<div class="img fl"><a href="[field:arcurl/]" target="_blank"><img class="animation" src="[field:litpic/]" alt="[field:litpic/]" width="180" height="135"></a></div>
<div class="info">
<h3><a class="J-share-a" href="[field:arcurl/]" target="_blank">[field:title/]</a></h3>
<p class="desc"><!--来源：[field:source/]-->　[field:description/]...</p>
<p class="from">[field:pubdate function="GetDateTimeMK(@me)"/] 来源：[field:source/]</p>

</div>
</li>
{/dede:list}

代码如上 哪位大神能帮我修改下就是文章列表页头缩略图的话就显示，无缩略图的话就不显示
修改成这种效果如图：

[xiaotian183]

有好心人帮忙吗

[xiaotian183]

各位大神帮帮忙啊

[猫小驴]

<img class="animation" src="[field:litpic/]" alt="[field:litpic/]" width="180" height="135"> js判断一下img的src 是否为空