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

图文教程

相关源码

帝国cms7.2淘宝客导购自媒体博客网站模板源码本模板基于帝国CMS7.2内核深度开发，为淘宝客、商品导购类自媒体及博客网站设计。通过可视化后台管理，可快速搭建具备商品推荐、比价功能的内容平台，帮助用户实现流量高效转化。查看源码
帝国cms7.5商城模板带图片视频广告位功能本模板基于帝国CMS7.5内核开发，为内容电商平台设计，集成文章、图片、视频多媒体展示与广告位管理功能。采用智能响应式技术，确保商品内容在不同设备上获得较优呈现效果，帮助快速构建专业的内容营销平台。查看源码
(自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发，为服装定制企业和服装品牌量身打造。设计风格时尚现代，充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术，确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事，帮助企业有效展示服装系列与定制服务，提升客户体验。查看源码
帝国cms淘宝客京东联盟网站整站源码下载本模板基于帝国CMS内核深度开发，为淘宝客行业量身定制。随着腾讯微信与淘宝生态的互联互通，淘宝客链接现可在微信、QQ等平台直接分享，为推广带来更多便利。模板特别优化了店铺推广功能，有效避免商品下架导致的链接失效问题，同时支持京东联盟等多平台商品推广。查看源码
(自适应)居家生活日用品纸盘纸盒纸杯卫生纸巾生产厂家pbootcms模板为纸品生产企业打造的现代化展示平台，自动适应各种设备屏幕，确保浏览体验一致，完善的SEO功能，提升网站曝光度，基于PbootCMS构建，源码开放可定制。查看源码
(自适应)变压器电子元器件电器配件pbootcms网站模板源码为电子元器件企业打造的响应式网站模板，基于PbootCMS内核开发，助力企业快速构建专业级线上展示平台。支持页面独立设置标题、关键词和描述，内置SEO友好结构。PHP程序确保运行安全稳定，有助于提升搜索引擎收录效果。查看源码