您现在的位置是：首页 > 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织梦后台登录提示用户名不存在怎么办

相关教程

图文教程

相关源码

(自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板，为AI智能硬件、电子产品等科技企业打造，通过技术创新实现品牌数字化升级。查看源码
自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板，该模板适用于营查看源码
(PC+WAP)蓝色电缆桥架五金钢结构机械PbootCMS模板下载采用PC与WAP双端适配设计，满足桌面设备和移动端访问需求。专注服务于电缆桥架、钢结构及五金机械制造领域，通过结构化布局展示产品特性与技术参数，后台数据一体化管理提升内容维护效率。查看源码
(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发，为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格，提供舒适的阅读体验，同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
(自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发，为各类证书查询机构设计，可快速构建高效安全的证书核验平台。采用响应式布局技术，自动适配手机端操作，支持批量导入证书数据，提供便捷的查询接口，满足机构证书管理及用户在线核验需求。查看源码
帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统，支持在线修改联系信息、网站参数等配置，操作流程简洁明了。专注于中小学教育领域，集成知识点总结、试题练习、考试资讯等学习资源，为师生提供全面的在线学习支持与服务。查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢