您现在的位置是：首页 > 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列表不显示第一个元素如分隔符的实现方法
图文教程
dedecms织梦批量提取第一张图片最为缩略图的代码(文章+软件)
具体的实现代码，如下：下面会给简单的说明。我也是刚刚学PHP 上面的代码也是东拼西凑起来的 做了详细的注释 初学者也可以来看看因为上面的代码不能自动的获取下一级目录
织梦dedecms插件plus文件调用头部尾部的代码实例
进入自定义宏标记，正常显示内容里增加：{dede:include filename="head.htm"/}回到自定义标签列表，点击JS调用可以得到JS调用代码
dedecms模板中下载链接改成讯雷链接的方法及说明
dedecms模板中下载链接改成讯雷链接的办法。1.设置软件频道参数。在织梦dedecms后台系统设置-软件频道设置里面修改：2.修改/templets/system/channel_downlinks.htm代码
dedecms织梦防SQL注入防跨站提交的方法
6月份因为漏洞很多织梦网站都被黑了，不少网站被打包，被刷流量，被改管理员信息。所以，织梦的安全性越来越需要我们注意了。
相关源码
-
响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板，该模查看源码 -
(PC+WAP)蓝色公司注册财务会计公证律师网站源码下载本模板基于PbootCMS内核开发，为财务会计事务所、律师公证机构等专业服务机构打造。采用自适应设计，确保在各类设备上都能呈现专业视觉效果，帮助机构建立值得信赖的线上形象。查看源码 -
自适应极简风个人博客文章自媒体网站模板基于PbootCMS开源内核开发的极简个人博客模板，采用移动优先设计原则，通过Media Query技术实现320px至1920px六级分辨率适配，确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码 -
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计，采用现代化科技风格，突出产品的智能特性和技术创新。模板架构合理，功能完善，能够有效展示各类智能产品的核心功能和解决方案。查看源码 -
(PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板，基于PbootCMS开源内核深度开发。采用HTML5自适应架构，无缝实现PC与手机端数据实时同步与交互优化查看源码 -
帝国CMS7.5H5小游戏模板游戏攻略下载网整站源码本模板基于帝国CMS系统开发，为H5小游戏和APP应用资讯类网站设计。模板架构针对小游戏行业特点优化，支持游戏发布、资讯分享、应用推荐等功能，满足各类小游戏门户网站的建设需求。查看源码
| 分享笔记 （共有 篇笔记） |
