您现在的位置是：首页 > 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访问区域跳转对应页面的代码实例

相关教程

图文教程

相关源码

  • (自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板，为早教中心、培训学校等教育机构打造，提供从技术架构到视觉呈现的全套网站建设方案。查看源码
  • (PC+WAP)蓝色自动电动闸门伸缩门类网站pbootcms模板下载为电动闸门、自动伸缩门企业设计的响应式网站模板，突出产品展示与技术优势，助力门控设备企业建立专业数字化形象。手工编写DIV+CSS结构，代码精简高效，无冗余代码干扰，加载速度更快。查看源码
  • (自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发，为新闻资讯、博客类网站设计，特别适合各类文章内容的发布与管理。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码
  • 帝国cms7.5商城模板带图片视频广告位功能本模板基于帝国CMS7.5内核开发，为内容电商平台设计，集成文章、图片、视频多媒体展示与广告位管理功能。采用智能响应式技术，确保商品内容在不同设备上获得较优呈现效果，帮助快速构建专业的内容营销平台。查看源码
  • (PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块，集成项目案例、环保工艺等建筑行业特色内容结构，测试数据包含LEED认证体系查看源码
  • (PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发，为喷泉设备工程类企业设计，特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术，确保各类工程案例在不同设备上都能呈现视觉效果。查看源码
分享笔记 （共有 篇笔记）
验证码：

大家在看

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

本栏推荐

相关标签

大家喜欢