您当前的位置: 主页 > 优化教程
用过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,实现,列表,页缩,略图,随机,调,用的,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

织梦模板DEDECMS添加和调用自定义字段的教程织梦模板 自定义字段要想在任何位置任何模版中调用或者在{dede:li... 2021-07-22
织梦文章及栏目删除后ID从1开始的方法在织梦当删除文档栏目后,再重新建立文档时,它的id就会按照刚才建立的文... 2021-07-22
dedecms验证码点击刷新功能的增加有时候dedecms验证码很模糊,填好了许多内容又要整个页面刷新很麻烦... 2021-07-27
织梦{dede:php}标签不能使用解决办法{dede:php}标签使用方法 DedeCMS V5.5中就加入了一... 2021-07-22
织梦修改留言板提交后成功的那段话和返回连接我们打开/plus/guestbook.php的这个文件找到如下代码 ... 2021-07-27
织梦dedeCMS列表页随机调用多张缩略图DEDECMS列表页面调用缩略图,可以用系统自带的脚本调用第一张图片,... 2021-07-27
DedeCMS批量修改生成HTML静态或动态浏览DedeCMS批量修改生成HTML静态或动态浏览 在后台系统设置mys... 2021-07-22
dedecms怎么实现文章标题-栏目名称-网站名导航本文介绍了在dedecms中,实现文章标题-栏目名称-网站名 导航的方... 2021-07-22
在dedecms列表标题、tag标签列表加序号(第x页)默认的织梦DedeCMS列表标题以及tag标签列表是没有序号显示的(也... 2021-08-09
织梦DEDEcms会员中心获取登录用户名与ID号的代码本文实例讲述了Dedecms获取登录用户名与ID号的方法。分享给大家供... 2021-07-22
织梦自定义表单添加验证码织梦自定义表单是非常实用的工具,比如在线留言、提交订单等,但是如何加入... 2021-07-27
如何在DEDECMS网站栏目中增加统计文章数的功能方法在我们在制作dedecms模板的时候,通常会为了让网站美观,要在栏目导... 2021-08-14
织梦简略标题(副标题)使用方法教程在常见的CMS系统中,我对dedecms算是比较熟悉的,自己网站用的也... 2021-08-14
DEDE织梦文章列表中添加hot和new图标方法或许我们经常浏览网页发现文章列表中出现有new或者hot字样,对于织梦... 2021-07-27
DEDECMS调用任意栏目到首页的方法按照网站构思,将网站栏目添加并确认完毕。如栏目有所改动,被改动的原有I... 2021-07-13

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn