您现在的位置是：首页 > 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列表不显示第一个元素如分隔符的实现方法
图文教程
织梦cms修改系统默认style文件夹的方法
要修改系统默认文件夹，必须首先得了解相关配置文件的功能用:./data/config.cache.bak.php是上面“系统参数配置&rdq
织梦cms创建栏目保存目录数据时失败,请检查你的输入资料是否存在
刚才帮朋友的网站（织梦DedeCms v5.5）新建栏目的时候提示“保存目录数据时失败,请检查你的输入资料是否存在问题”，我就郁闷了，一直我都是这么创建栏目的，怎么会出错呢。
dedecms织梦cms搜索页面怎么调用全站最新文章
在dedecms搜索页面添加较新文章调用代码发现不能实现文章列表调用，查其原因是由于织梦CMS的Arclist标记适用范围是封面模板 index.htm
删除dedecms5.7后台登陆界面广告的方法
我们可以发现当织梦公司发布DedeV5.7后，明显的商业色彩越显浓烈了。织梦模板逐渐加入了他们的织梦链的理念。想想也可以理解，但总是感觉有些过于“滥”。
相关源码
-
(自适应响应式)环保净化器家用电器网站免费模板针对环保设备、环境监测等领域的PbootCMS响应式模板，通过模块化设计清晰展示污水处理技术、空气净化系统等解决方案。移动端呈现环保数据可视化图表，后端统一管理确保项目案例、技术等资料多端同步。查看源码 -
帝国CMS7.2互联网自媒体门户整站带数据源码免费下载分享一款高仿极客网门户模板，帝国cms7.2版本，非常适合互联网、自媒体、文章门户网站使用。测法发现备份数据恢复报错，找了几个版本的都是一样的，有能力的自行修复查看源码 -
自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板 蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板，该模板适用于营查看源码 -
(自适应响应式)高端家用办公家具家居桌椅pbootcms模板下载为办公家具企业设计的响应式网站模板，涵盖产品展示、案例呈现、企业介绍等核心模块。通过可视化后台可快速发布实木桌椅、系统家具、办公屏风等产品信息，帮助客户直观了解材质参数与空间搭配方案。查看源码 -
(自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架，基于PbootCMS系统开发，帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构，代码精简无冗余。查看源码 -
(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发，为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格，提供舒适的阅读体验，同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
| 分享笔记 （共有 篇笔记） |
