您现在的位置是：首页 > 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列表不显示第一个元素如分隔符的实现方法
图文教程
织梦列表页有图片显示缩略图无图片不显示的方法
还是非常有用的小技术，不管是织梦模板5.3还是织梦模板5.5版本都测试过了，效果还不错哦。就分享出来，重点是修改模板。
织梦DedeCMS新增标签typecontent怎么调用栏目内容
此标签是在上一版本上拓展而来。 用途：任意位置调用栏目内容 示例：参数：infolen='' 截取字数 typeid='' 指定栏目id html='' 是否过滤html,如空则不过滤
dedecms织梦SEO如何优化“上一篇”文章字样
最近在制作DedeCMS模板的工作中遇到这样的一个问题，那就是出于SEO的考虑想在DedeCMS织梦的文章详细页中，为“上一篇下一篇”文章的锚链接添加 rel 属性。
织梦dedecms文章简介摘要字数长度怎么设置
在Dedecms系统中，文章摘要（能够经过infolen或description相关标签调用）被设置了字数上限为250字符，设置上限的主要目的是减少数据库的冗余，保证网站良好的性能。
相关源码
-
自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板，基于PbootCMS内核深度开发采用前沿响应式架构，无缝适配手机端操作习惯与PC端展示需求。查看源码 -
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码 -
pbootcms模板(自适应手机版)红色响应式单位机构类网站自适应响应式单位机构网站模板 | PbootCMS内核开发为机构组织设计的响应式网站模板，采用PbootCMS内核开发，支持一键替换行业内容，满足多元化场景需求。查看源码 -
(PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户，基于PbootCMS开源内核深度开发，采用HTML5自适应架构，实现PC与移动端数据实时同步展示。查看源码 -
(自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计，提供专业的产品展示与技术服务平台。采用响应式布局，适配环保设备、清洁技术等应用场景，通过可视化后台可快速搭建符合行业特性的展示网站。查看源码 -
(自适应响应式)电子数码科技产品介绍带留言网站模板下载为电子产品企业设计的展示系统，集成智能产品对比器、参数规格表和展示模块。支持消费电子、智能设备等多级分类展示，内置产品技术参数数据库。查看源码
| 分享笔记 （共有 篇笔记） |
