织梦模板大全为站长朋友们提供精品织梦模板下载和免费织梦建站教程学习。
用户名:
密码:
注册

DedeCMS帮助中心

织梦如何实现列表页缩略图随机调用的方法
本站承接DedeCMS仿站服务,大家如有需要请联系QQ:121673232
本站所有商业模板均提供使用详细安装说明(含视频)
 
 
很多使用过织梦的朋友都知道我们在使用织梦模板建站的时候,不少模板的列表页面使用了缩略图,而在调用缩略图一般都是使用系统自带的脚本调用第一张图片。但有的时候内容页面没有图片或者第一张图片的尺寸大小不符合缩略图的大小,这样对用户体验很不好,如果在编辑的时候忘记上传缩略图的话那对网站的美观也会产生影响的。
操作方法:
1.原先我们模板中调用缩略图的脚本是这样的:代码如下:
[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
 
2.需要替换成我准备好的代码如下:
<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>
 



3.上传下面的JS文件和准备好的图片到主机中,代码如下:
var m=20;
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/images/nt"+n+".jpg' border=0 width=148 height=118 />");
需要注意一个问题,我们最好准备20-30张固定缩略图尺寸的图片,因为固定尺寸版面比较好看,不会压缩变形。如果你列表10个内容,如果只有10个图片随机会导致图片有几个会重复,体验不是太好,如果图片多一些可以使得重复的几率小一些。就这样,如果有需要就参考使用吧。