您现在的位置是：首页 > 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织梦上一篇下一篇文章标题截取字数限制

相关教程

图文教程

相关源码

(自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计，采用蓝色营销风格，突出工业设备的专业性和技术感。模板结构清晰，能够有效展示磁电设备的技术参数、应用场景和企业实力，帮助客户快速了解产品特点和公司服务。查看源码
帝国cms7.5模板生活常识美食女性时尚综合资讯门户源码本模板为帝国cms7.5生活资讯类网站设计，以天奇生活网为参考原型，涵盖生活常识、美食烹饪、女性时尚等多元化内容板块。采用响应式布局设计，适配各种终端设备，为访客提供优质的阅读体验。模板结构清晰合理，内容展示层次分明，符合生活类网站的用户需求。查看源码
(自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计，提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强，支持多种自定义设置，满足动漫爱好者建立个人博客的需求。查看源码
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发，为研磨抛光设备制造企业设计，特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术，确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
(自适应)橙色家政服务清洁保洁服务pbootcms网站模板源码下载模板核心价值：基于PbootCMS内核开发的家政服务类网站模板，通过模块化设计展现服务项目、团队风采、服务案例等核心板块，突出时效预约、服务标准化展示等家政行业特性。查看源码
pbootcms模板(PC+WAP)APP应用软件下载类官网源码为APP应用软件官网打造的响应式解决方案，PC端与移动端(WAP)数据实时同步，一次更新全网生效，满足多终端用户无缝体验需求。查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢