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

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

许欣英2023-12-05DedeCMS教程已有人查阅

导读如果用过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; 
var n=Math.floor(Math.random()*m+1) 
document.write ("<img src=' /static/upload/image/20231003/bravbjdffoo.jpg' border=0 width=148 height=118 />");

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

本文标签：

很赞哦！ ()

上一篇：dede织梦cms怎么精确优化搜索结果

下一篇：dede织梦上一篇下一篇文章标题截取字数限制

相关教程

图文教程

相关源码

（响应式）企业管理人力资源服务类pbootcms模板源码下载为人力资源服务及企业管理设计的响应式网站模板，基于PbootCMS内核开发。通过宽屏布局优化岗位展示效果，简洁界面聚焦人才服务核心业务，自适应技术确保在PC端与手机端查看源码
(自适应)简繁双语机械矿山矿石五金设备pbootcms源码下载本模板基于PbootCMS开发，主要面向机械五金、矿山矿石设备等行业，支持简体中文和繁体中文双语切换。采用响应式布局技术，确保在各种设备上都能获得良好的浏览体验。模板设计注重展示工业设备的专业性和技术特点，帮助企业建立可靠的线上展示平台。查看源码
(PC+WAP)蓝色五金机械设备营销型网站源码下载基于PbootCMS内核开发的营销型企业网站模板，为五金机械设备类企业打造，通过标准化数字展示提升客户转化率。模板采用模块化设计，可快速适配机床工具、建筑五金、阀门管件等细分领域。查看源码
(自适应)宽屏大气红色机械设备pbootcms模板源码下载为机械设备制造企业设计的响应式网站模板，采用PbootCMS内核开发。宽屏布局突出设备展示效果，红色工业风格贴合机械行业属性，支持PC端与手机端自动适配查看源码
(自适应)pbootcms家政服务保洁保姆打扫卫生网站模板下载本模板基于PbootCMS内核开发，为家政服务企业量身定制。设计风格温馨亲切，突出家政行业的专业与贴心服务特性，多方位展示企业服务项目与优势。查看源码
宽屏自适应搬家家政快递物流公司网站模板该宽屏大气的响应式网站模板专为搬家公司、家政服务及物流快递企业设计，基于PbootCMS内核开发，通过自适应布局确保手机、PC等多终端体验一致，助力企业高效构建专业在线服务平台。查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢