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

dedecms列表页缩略图随机调用的实现方法代码分享

向珊2024-07-30DedeCMS教程已有人查阅

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

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

下一篇：dedecms首页添加根据IP访问区域跳转对应页面的代码实例

图文教程

相关源码

(自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发，为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术，具备完善的响应式布局，能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发，为研磨抛光设备制造企业设计，特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术，确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
(自适应响应式)绿色环保防腐木材轻钢别墅建材pbootcms模板下载本模板为环保防腐木材、轻钢别墅建材类企业设计开发，基于PbootCMS内核构建，充分考虑了建材行业的展示需求与产品特点。模板设计风格自然环保，布局清晰合理，呈现建材产品特性与专业优势，帮助访客直观了解产品特点并建立信任感。查看源码
帝国CMS游戏应用APP推广下载站模板免费下载本模板为移动应用推广、手机游戏推广行业设计，集成H5游戏平台与APP下载功能，支持PC端与移动端自适应访问。专注于为应用开发商、游戏发行商提供专业的线上推广展示平台。查看源码
(带手机版)绿色生态农业种植农产品网站pbootcms源码下载本模板基于PbootCMS内核开发，为生态农业企业量身打造，适用于农业种植、有机农场、农产品电商等业务场景。模板设计充分体现绿色环保理念，突出农业特色，同时保持简洁大气的视觉效果，帮助农业企业建立专业形象。查看源码
帝国cms自适应古诗词古籍名句网站整站带数据基于帝国CMS打造的专业古诗词文化网站模板，专注于古典文学内容的展示与传播。模板设计蕴含传统文化韵味，支持诗词鉴赏、名句赏析、古籍整理等特色功能，为诗词爱好者提供优质的在线阅读体验。查看源码