您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms列表页缩略图随机调用的实现方法代码分享
向珊2024-07-30DedeCMS教程已有人查阅
导读用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是，并不是我们所有的内容里都有图片
用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是，并不是我们所有的内容里都有图片，有时候第一张图片也不一定是适合尺寸的标准缩略图大小，总之用户体验不好，尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。
缩略图随机调用方式的步骤如下：
1.原先我们模板中调用缩略图的脚本是这样的：
代码如下:
代码如下:
代码如下:
缩略图随机调用方式的步骤如下：
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列表页与详情调用tag标签同时带上链接的实现方法
- 织梦dedecms列表分页页数太多怎么办
- 织梦dedecms列表页首页和第一页内容重复,自动删除教程
- 织梦dedecms列表页栏目排序问题详解
- 在dedecms列表页中怎样得到文章总数的方法
- 织梦dedecms列表文章有缩略图则显示缩略图的实现方法
- 织梦dedecms列表调用标签及标签随机颜色的代码
- dedecms列表页调用tag的方法代码实例
- dedecms列表页频道页获取当前栏目的父栏目名称的实现方法
- 织梦dedecms列表模板页面怎么增加推荐特荐图标
- dedecms列表页标题title后怎么加上页数其标题不重复
- dedecms列表不显示第一个元素如分隔符的实现方法
图文教程
dedecms列表页内容怎么获取顶级栏目名称二级栏目名称
今天碰到一个问题，需要在二级、三级，甚至更多级，获取顶级栏目或者二级栏目名称。现在和大家分享下最简单的实现方法。
织梦dedecms多站点支持绝对网址开启后生成RSS错误
dedecms是广大站长非常喜欢的CMS建站系统，其小巧方便而且功能强大，但是也有一些BUG，比如开启多站点支持绝对网址后生成RSS错误的问题，
dedecms5.7的TAG标签支持大写字母的方法
dedecms的中部分tag标签点击无效的情况，开始以为是自己标签弄错了，后来无意中发现是因为dedecms5.7版本tag标签不支持大写字母
织梦dede远程保存图片的问题说明
进来很多会员反映dedecms远程图片本地化的问题，为此引起来很多会员的误会，在此说明一下：
相关源码
-
Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板，专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能，能够快速搭建在线商店平台，同时适用于博客、新闻资讯类网站建设。自2014年发布以来，该模板已经获得大量用户的使用验证。查看源码 -
自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户，基于PbootCMS开源内核深度开发采用HTML5自适应架构，实现PC与手机端数据实时同步交互。查看源码 -
(自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板，基于PbootCMS开源内核开发。采用HTML5响应式架构，PC与移动端数据实时同步，适配多终端展示场景。查看源码 -
(PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板，集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核，PHP7+运行环境。手工编写语义化HTML5结构，CSS3动画优化交互体验。查看源码 -
(PC+WAP)化工材料企业环保能源绿色营销型pbootcms模板源码下载本模板为化工材料及环保能源企业设计，采用PbootCMS开发，可展示各类化工产品、环保技术及能源解决方案。查看源码 -
(自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板，基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能，通过专业化的布局设计有效呈现工业设备特性，适配各类终端访问需求。查看源码
| 分享笔记 （共有 篇笔记） |
