您当前的位置：主页 > 教程合集 > DedeCMS > 网站首页DedeCMS

DedeCMS列表页随机调用缩略图图片

发布时间：2015-08-04 14:52:46编辑：余斗阅读：(0)字号： 大 中 小

在DedeCMS建站过程中，一些模版的列表页面调用文章列表时会调用文章缩略图，一般都需要自己上传缩略图，而没有上传缩略图的文章择会显示系统默认的缩略图：



这个缩略图十分难看，而且每次都是一样的图片，在文章多的网站中，要达到列表页美观需要实现随机调用缩略图，可以用以下方法实现：

1、比如原本的列表页调用缩略图标签为：

{dede:field.image/}
或
<img src="{dede:field.litpic/}">

2、需要修改调用标签为：

<script language="JavaScript" src="/images/road.js"></script>

3、上传名为road.js到/images文件夹中，road.js文件内容如下：

var m=20;
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='https://www.yudouyudou.com/images/nt"+n+".jpg' border=0 width=148 height=118/>");

4、这里定义的是20张图片，长宽为148*118，命名规则为nt1、nt2...nt20这样，如果图片库够多够大可以自行修改road.js的参数，这里网址换成你自己的网址，做好的图片全部上传到/images文件夹中，再刷新列表页就可以实现调用了。

后记：这种调用方法虽然可以实现随机调用缩略图，但是是采用js实现，常规搜索引擎现阶段是无法识别js内容的，所以缩略图一般不会被搜索引擎抓取，对优化不是很好，谨慎采用!