您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦dede列表页缩略图随机调用的实现方法

关戚栾2024-07-02DedeCMS教程已有人查阅

导读如果用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。

如果用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是，并不是我们所有的内容里都有图片，有时候第一张图片也不一定是适合尺寸的标准缩略图大小，总之用户体验不好，尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。
缩略图随机调用方式的步骤如下：
第一步，原先我们模板中调用缩略图的脚本是这样的：

[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]

第二步，需要替换成我准备好的：

<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>

第三步，上传下面的JS文件和准备好的图片到主机中。

var m=20;<br />
var n=Math.floor(Math.random()*m+1)<br />
document.write ("<img src='/static/upload/image/20231003/j1ilz44ev3t.jpg' border=0 width=148 height=118 />");

需要注意一个问题，我们较好准备20-30张固定缩略图尺寸的图片，因为固定尺寸版面比较好看，不会压缩变形。如果你列表10个内容，如果只有10个图片随机会导致图片有几个会重复，体验不是太好，如果图片多一些可以使得重复的几率小一些。就这样，如果有需要就参考使用吧。

本文标签：

很赞哦！ ()

上一篇：实现织梦dede栏目文章统计功能写法代码实例

下一篇：dede织梦后台登录提示用户名不存在怎么办

相关教程

图文教程

相关源码

帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板，集成PC端与移动端双平台适配。采用瀑布流商品布局，支持品牌分类聚合展示，突出特价促销视觉冲击力。查看源码
(PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板，为玻璃钢环保设备制造、不锈钢钢材贸易企业设计，适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码
(自适应)物流运输快递仓储货运网站模板免费下载基于PbootCMS内核开发的物流运输行业专用模板，深度适配仓储货运企业的业务展示需求。前端采用响应式布局，自动适配手机端访问，后台数据实时同步更新，帮助企业高效展示运输网络、仓储设施、服务流程等核心业务模块。查看源码
pbootcms模板(自适应手机版)红色响应式单位机构类网站自适应响应式单位机构网站模板 | PbootCMS内核开发为机构组织设计的响应式网站模板，采用PbootCMS内核开发，支持一键替换行业内容，满足多元化场景需求。查看源码
(自适应)帝国cms7.5文章新闻博客整站源码( 带会员中心)本模板基于帝国CMS内核开发，为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术，确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码
帝国cms7.5品牌连锁店招商加盟商机网站模版源码本模板为招商加盟、创业投资、品牌连锁等商业领域设计，采用帝国CMS7.5内核构建，整体风格简洁大气，突出商业信任感与专业度，适合各类招商加盟项目展示、品牌连锁店宣传等商业应用场景。查看源码

分享笔记（共有篇笔记）

大家在看

织梦cms收费哪几款cms可以免费商用？

本栏推荐

大家喜欢