dede列表页实现有缩略图显示无图不显示代码

dede列表页面如何实现有缩略图时自动加载缩略图,无缩略图时不加载缩略图呢?本站首页页面为列表页面有缩略图时加载缩略图,无缩略图时不显示图片的实例效果。这个功能在我们进行文章编辑的时候非常的有用,因为并不是每一篇文章都有图,所以我们想要实现列表缩略图的自动调整,就需要在你的模板中添加以下红色文字的那段代码,在网络上也有类似的代码,但亲测有的无效,应该是代码有缺失或者是大小写的问题。

{dede:arclist row='10' titlelen='60' channelid='1'}
<article class="post cate1 auth1">
<div class="thumb">[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "" : "<a href='{@me['arcurl']}' class=’preview’><img src=\"{@me['litpic']}\" alt=\"{@me['title']}\"/></a>"); [/field:array]</div>
<span class="post-cat"><a>[field:typename/]</a></span>
<h4><a href="[field:arcurl/]">[field:title/]</a></h4>
 <div class="entry loop-entry">
<p>[field:description function='cn_substr(@me,350)'/]...<span>(点标题看更多)</span></p>
</div>
<div class="postmeta"> <span><i class="icon-calendar"></i> 日期:[field:pubdate function='strftime("%Y-%m-%d",@me)'/]</span> <span><i class="icon-fire"></i> 浏览:<script src="/plus/count.php?view=yes&aid=[field:id/]&mid=[field:mid/]" type='text/javascript' language="javascript"></script>次</span></div>
 </article>
{/dede:arclist}

第三行的红色代码意义为:如果组文章有图片,显示文章的缩略图,并添加链接、图片的属性。如果没有,那么为空。一般来说,只要将红色部分的代码添加到你所需要更换的模板当中即可实现列表缩略图自动加载隐藏的功能。而且,上述代码有另外一个较为神奇的功能,那就是图片的高度是自适应的,并不是固定的宽高度架构,以上代码的css部分,当功能实现以后可以慢慢的调整。
头像18
不登录QQ可以发表评论,但不可以干坏事哦,输入邮箱号发布即可。
  • 全部评论(0
    还没有评论,快来抢沙发吧!