dedecms实现列表页缩略图随机调用的方法

所属分类: CMS教程 / dedecms 阅读数: 1504
收藏 0 赞 0 分享

用过DEDECMS的朋友应该都知道,有些模板列表页面需要用到缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是,并不是我们所有的内容里都有图片,有时候第一张图片也不一定是适合尺寸的标准缩略图大小,总之用户体验不好,尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。

缩略图随机调用方式的步骤如下:

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个图片随机会导致图片有几个会重复,体验不是太好,如果图片多一些可以使得重复的几率小一些。就这样,如果有需要就参考使用吧。

更多精彩内容其他人还在看

dedecms实现调用所有顶级栏目下最新文章的方法

这篇文章主要为大家介绍了dedecms实现调用所有顶级栏目下最新文章的方法,涉及文章调用的技巧,在dedecms建站的过程中非常常见,需要的朋友可以参考下
收藏 0 赞 0 分享

dedecms列表页文章摘要字数的设置方法

这篇文章主要为大家介绍了dedecms列表页文章摘要字数的设置方法,可以使页面内容的显示与整体布局控制更加灵活,是非常实用的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

织梦DedeCMSv5.7安装初始化数据体验包失败的解决方法

这篇文章主要为大家介绍了织梦DedeCMSv5.7安装初始化数据体验包失败的解决方法,是很多dedecms用户都曾碰到的过的情况,具有不错的实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

dedecms使用sql语句调用文章静态链接地址的方法

这篇文章主要为大家介绍了dedecms使用sql语句调用文章静态链接地址的方法,涉及SQL语句的使用与文章调用的技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

织梦安装模板时提示不能安装不支持写入无法正常创建

织梦安装模板时提示不支持写入,这将导致安装程序无法正常创建,关于这个问题的解决方法如下,遇到类似情况的朋友可以参考下
收藏 0 赞 0 分享

Dede实现文章列表隔行换背景色让显示内容有所区别

文章列表隔行换色可以让显示的两条内容有所区别,很多网站在列表页里都采用了隔行换色的显示方法,下面与大家分享下Dede是如何实现的
收藏 0 赞 0 分享

织梦首页和列表页怎么调用自定义字段

首页和列表页怎么调用自定义字段?这个问题一直困扰着我,经搜索寻得一些不错的方法,下面与大家分享
收藏 0 赞 0 分享

织梦做产品展示怎么去掉图片作为超链接时出现的框框

给图片加超链接,结果图片周围出现了蓝色框,那么怎么去掉图片作为超链接时出现的框框呢?下面有个不错的方法,大家可以尝试下
收藏 0 赞 0 分享

织梦上传服务器后出现数据连接失败是怎么回事如何解决

想必大家都有遇到过上传服务器后数据连接失败的情况吧,解决方法是进入data文件夹里的common.inc.php进行修改数据库想对应的数据
收藏 0 赞 0 分享

分享两个DEDECMS分页样式css代码

分页样式虽然很短,但是复用率非常高,早就想过整理下这个东西,一直拖着没弄,今天开个头,以后用起来也方便点
收藏 0 赞 0 分享
查看更多