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系统分页标签自定义二次开发实例)
- canvas绘制二进制图片(Canvas获取视频第一帧缩略图的实现)
- pythonimage库(Python/Django后端使用PIL Image生成头像缩略图)
- dedecms无缩略图怎么设置(dedecmsV5.7版 tag标签长度的修改方法详解)
- Visual Studio代码缩略图
- php去水印方法(PHP开发的文字水印,缩略图,图片水印实现类与用法示例)
- dedecms缩略图插件(织梦DEDECMS有缩略图显示,没有显示随机指定图片的实现方法)
- python自动处理图片(python制作图片缩略图)
- dedecms缩略图优化教程(织梦DedeCMS V5.7缩略图站内上传修正)
- nginx做图片服务器代理(使用nginx动态转换图片大小生成缩略图)
- dedecms标签缩略图问题(dedecms文章内页获取缩略图的调用标签)
- dedecms缩略图路径(DedeCMS图集中缩略图不显示的解决方法)
- dedecms怎么在根目录外生成文件夹(dedecms 5.6 缩略图按大小比例缩小裁剪)
- dedecms图集关键词(Dedecms 生成漂亮整齐的缩略图)
- thinkphp 多维度展示数据(Thinkphp自定义生成缩略图尺寸的方法)
- 以家人之名广受好评,剧情生动引起观众共鸣,演员张新成圈粉无数(以家人之名广受好评)
- 三兄妹感情再遇波折,人设接连崩塌 《以家人之名》剧情猜不透(三兄妹感情再遇波折)
- 《小敏家》金波想要复婚 这只是他圈套的第1步,更可恶的在后面(小敏家金波想要复婚)
- 小敏家 剧情离谱一锅乱炖,但他们俩绝对是这部剧的一大 亮点(剧情离谱一锅乱炖)
- 《倚天屠龙记》再遭翻拍,关晓彤主演赵敏,蒋劲夫演张无忌,你怎么看(倚天屠龙记再遭翻拍)
- 吴启华与曾舜晞两代张无忌同框,戏里经典的他却没活出原著的潇洒(吴启华与曾舜晞两代张无忌同框)
热门推荐
- sqlserver语句中的temp(SQL SERVER中强制类型转换cast和convert的区别详解)
- IIS “服务器应用程序不可用”的解决方法
- js使用canvas(JavaScript canvas实现七彩时钟效果)
- javascript检测内容改变了(JavaScript 检测文件的类型的方法)
- jquery插件开发
- js轮播图片(JS实现简单图片轮播效果)
- css实现动画的方法(CSS实现悬停过渡动画三部曲)
- 如何提高织梦dedecms的安全性(详解织梦DedeCMS幻灯片调用图片显示模糊的原因以及解决办法)
- sqlserver百分比数据查询时间(SQL Server统计信息更新时采样百分比对数据预估准确性的影响详解)
- sql中where和having可以同时用吗(SQL where条件和jion on条件的详解及区别)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9