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网站栏目增加缩略图的方法)
- canvas绘制二进制图片(Canvas获取视频第一帧缩略图的实现)
- dedecms 产品缩略图(织梦DedeCms v5.6/5.7 新图集页面增加图片下载功能)
- dedecms标签缩略图问题(dedecms文章内页获取缩略图的调用标签)
- php去水印方法(PHP开发的文字水印,缩略图,图片水印实现类与用法示例)
- dede常用变量(dede调用文章第一张图片非缩略图的实现方法)
- 小程序ui图与移动ui(AmazeUI 缩略图的实现示例)
- dedecms标签使用(DEDECMS 自动缩略图无法生成问题的解决方法)
- dedecms首页布局(dedecms实现列表页缩略图随机调用的方法)
- pythonimage库(Python/Django后端使用PIL Image生成头像缩略图)
- dedecms缩略图路径(DedeCMS图集中缩略图不显示的解决方法)
- dedecms自定义分页(详解DEDECMS缩略图标签[field:picname/]和[field:litpic/]的区别)
- nginx做图片服务器代理(使用nginx动态转换图片大小生成缩略图)
- python生成效果图(python如何制作缩略图)
- dedecms缩略图优化教程(织梦DedeCMS V5.7缩略图站内上传修正)
- python自动处理图片(python制作图片缩略图)
- 15个新成 园 位置公布 深圳龙岗2022年共建花园建设又有大动作(15个新成园位置公布)
- 记者手记 书记带我去 巡街(记者手记书记带我去)
- 富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元 | 美通社(富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元)
- 二次创业 的富士胶片,在进博会上首次展示完成转型后的全线医疗产品(二次创业的富士胶片)
- 富士胶片 中国 我们对上海的信心没有任何改变(富士胶片中国)
- 赢麻了 富士公布2021年度财报 营利同比增长240(富士公布2021年度财报)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9