dedecms首页布局(dedecms实现列表页缩略图随机调用的方法)
类别:CMS系统 浏览量:1099
时间:2022-01-21 00:35:32 dedecms首页布局
dedecms实现列表页缩略图随机调用的方法用过DEDECMS的朋友应该都知道,有些模板列表页面需要用到缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是,并不是我们所有的内容里都有图片,有时候第一张图片也不一定是适合尺寸的标准缩略图大小,总之用户体验不好,尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。
缩略图随机调用方式的步骤如下:
1.原先我们模板中调用缩略图的脚本是这样的:
2.需要替换成我准备好的:
- <a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>
3.上传下面的JS文件和准备好的图片到主机中。
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转移data目录后 验证码不显示解决办法)
- dedecms缩略图路径(DedeCMS图集中缩略图不显示的解决方法)
- dedecms自定义分页(详解DEDECMS缩略图标签[field:picname/]和[field:litpic/]的区别)
- Visual Studio代码缩略图
- dedecms无缩略图怎么设置(dedecmsV5.7版 tag标签长度的修改方法详解)
- 小程序ui图与移动ui(AmazeUI 缩略图的实现示例)
- nginx做图片服务器代理(使用nginx动态转换图片大小生成缩略图)
- dedecms缩略图优化教程(织梦DedeCMS V5.7缩略图站内上传修正)
- pythonimage库(Python/Django后端使用PIL Image生成头像缩略图)
- dedecms标签使用(DEDECMS 自动缩略图无法生成问题的解决方法)
- dedecms标签怎么调用(dedecms网站栏目增加缩略图的方法)
- canvas绘制二进制图片(Canvas获取视频第一帧缩略图的实现)
- php去水印方法(PHP开发的文字水印,缩略图,图片水印实现类与用法示例)
- thinkphp 多维度展示数据(Thinkphp自定义生成缩略图尺寸的方法)
- dede常用变量(dede调用文章第一张图片非缩略图的实现方法)
- dedecms标签缩略图问题(dedecms文章内页获取缩略图的调用标签)
- 红色代表什么(红色代表什么寓意)
- 蓝天代表什么(蓝天代表什么生肖)
- 今天要吃什么(今天要吃什么菜)
- 营养餐是什么(学校营养餐是什么)
- 谁说女子不如男 范冰冰演的武则天只是其一,另外两位你认识吗(谁说女子不如男)
- 杯酒人生---瓦伦丁酒杯和奥丁格啤酒(杯酒人生---瓦伦丁酒杯和奥丁格啤酒)
热门推荐
- html5中提供的绘图元素(使用Html5中的cavas画一面国旗)
- mysql千万级别数据查询优化(mysql千万级数据量根据索引优化查询速度的实现)
- css3实现120度的箭头(使用css实现任意大小、任意方向和任意角度的箭头示例)
- python数据分析用到的模块(python模块之subprocess模块级方法的使用)
- 云服务器实例一直在停止(云服务器重启原因有哪些?)
- docker容器启动自动执行命令(docker run 运行容器自动结束的解决)
- linux更改inode(详解Linux索引节点inode)
- dedecms首页布局(dedecms实现列表页缩略图随机调用的方法)
- python能把时间转化成毫秒级吗(python 获取毫秒数,计算调用时长的方法)
- dedecms二级菜单(dedecms5.7使tag调用的标签正序排列的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9