您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms列表页缩略图随机调用的实现方法代码分享
向珊2024-07-30DedeCMS教程已有人查阅
导读用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是，并不是我们所有的内容里都有图片
用过DEDECMS的朋友应该都知道，有些模板列表页面需要用到缩略图，调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是，并不是我们所有的内容里都有图片，有时候第一张图片也不一定是适合尺寸的标准缩略图大小，总之用户体验不好，尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。
缩略图随机调用方式的步骤如下：
1.原先我们模板中调用缩略图的脚本是这样的：
代码如下:
代码如下:
代码如下:
缩略图随机调用方式的步骤如下：
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列表页与详情调用tag标签同时带上链接的实现方法
- 织梦dedecms列表分页页数太多怎么办
- 织梦dedecms列表页首页和第一页内容重复,自动删除教程
- 织梦dedecms列表页栏目排序问题详解
- 在dedecms列表页中怎样得到文章总数的方法
- 织梦dedecms列表文章有缩略图则显示缩略图的实现方法
- 织梦dedecms列表调用标签及标签随机颜色的代码
- dedecms列表页调用tag的方法代码实例
- dedecms列表页频道页获取当前栏目的父栏目名称的实现方法
- 织梦dedecms列表模板页面怎么增加推荐特荐图标
- dedecms列表页标题title后怎么加上页数其标题不重复
- dedecms列表不显示第一个元素如分隔符的实现方法
图文教程
dedecms5.7后台添加文章出现重复内容怎么办
有朋友咨询站长学院关于DEDECMS后台添加文章的问题，他在dedecms后台添加文章时，会有重复添加的问题，但是自己并没有重复添加。
dedecms会员登录前和登录后显示不同价格的实现方法
注意：此方法也适用与其他字段，做好自己的设置即可 1、在中加入3、在\member新建一个文件ajax_loginsta_c.php
织梦dedecms搜索框提示信息的修改方法
在搜索框里面留下提示信息，会更加人性化，鼠标点击后又会自动消失，不需按退格键将里面的内容删除，就想我这个博客一样，搜索框就实现了这个功能。在织梦DedeC
织梦DEDECMS怎么统计当前栏目文档总数
SQL语句中，有统计的函数，我们可以通过在织梦中使用SQL语句统计的方法，在列表页内显示该栏目共有多少篇文章。这样做的好处是，有助于提升用户体验。
相关源码
-
(自适应响应式)APP应用程序软件介绍落地页源码免费下载该模板为营销技术从业者设计，提供专业的内容展示平台。采用响应式布局，适配软件介绍、APP推广等营销场景，通过可视化后台可快速搭建符合行业特性的展示网站。查看源码 -
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计，提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询，满足不同层次的学习需求。查看源码 -
自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板 蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板，该模板适用于营查看源码 -
(PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计，适配PC和移动设备。模板采用现代化设计风格，突出户外产品的功能性和实用性，帮助企业建立专业的国际化展示平台。查看源码 -
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案，着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求，帮助企业精准展示产品特性与工艺流程查看源码 -
(自适应)绿色LED灯具照明灯饰灯光灯泡pbootcms网站源码下载本模板基于PbootCMS内核开发，为LED照明、灯具制造及相关光电技术企业量身打造。设计充分考虑了照明行业的展示需求，从产品陈列到技术说明，从光源展示到工程案例，每一个细节都体现出专业照明行业的特点。查看源码
| 分享笔记 （共有 篇笔记） |
