我的编程空间,编程开发者的网络收藏夹
学习永远不晚
位置:首页-资讯-开源

dedecms实现列表页缩略图随机调用的方法

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

dedecms实现列表页缩略图随机调用的方法

用过DEDEcms的朋友应该都知道,有些模板列表页面需要用到缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是,并不是我们所有的内容里都有图片,有时候第一张图片也不一定是适合尺寸的标准缩略图大小,总之用户体验不好,尤其是编辑人员忘记或者不会上传缩略图的话那势必会影响网站。

缩略图随机调用方式的步骤如下:

1.原先我们模板中调用缩略图的脚本是这样的:


复制代码代码如下:[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img class="lazy" data-src='{@me['litpic']}'/></a>"); [/field:array]

2.需要替换成我准备好的:


复制代码代码如下:<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="javascript" class="lazy" data-src="/images/road.js"></script></a>

3.上传下面的JS文件和准备好的图片到主机中。


复制代码代码如下:var m=20;

var n=Math.floor(Math.random()*m+1)

document.write ("<img class="lazy" data-src='/images/nt"+n+".jpg' border=0 width=148 height=118 />");

需要注意一个问题,我们最好准备20-30张固定缩略图尺寸的图片,因为固定尺寸版面比较好看,不会压缩变形。如果你列表10个内容,如果只有10个图片随机会导致图片有几个会重复,体验不是太好,如果图片多一些可以使得重复的几率小一些。就这样,如果有需要就参考使用吧。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

dedecms实现列表页缩略图随机调用的方法

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

dedecms实现列表页缩略图随机调用的方法

用过DEDEcms的朋友应该都知道,有些模板列表页面需要用到缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是,并不是我们所有的内容里都有图片,有时候第一张图片也不一定是适合尺寸的标准缩略图大小,总之用户体验不好,尤其是编
2022-06-12

dedecms列表页缩略图大小控制的方法

dede列表页缩略图大小控制的方法,列表开始 复制代码代码如下: {dede:list pagesize='10'} ----调用的条数10条---
  • [field:array runphp='yes']@me = (emp
  • 2022-06-12

    DEDECMS文章列表页调用tag的修改方法

    打开DEDEcms根目录include/common.func.php 在最底部 ?> 前面加入以下代码: 复制代码代码如下: function listtag($aid) { $tsql = new DedeSql(false); $ta
    2022-06-12

    dedeCMS列表页调用tag的方法小结(5.6/5.7)

    dedecms5.6以前的版本 打开DEDECMS根目录include/common.fufzEYigTOunc.php 在最底部 ?> 前面加入以下代码: 复制代码代码如下: $tsql = newwww.cppcns.com DedeS
    2022-06-12

    dedecms列表页与详情页调用tag标签的方法

    本文实例讲述了dedecms列表页与详情页调用tag标签的方法。分享给大家供大家参考。具体分析如下: 使用dedecms系统时我们如果想在列表页面或详情页面调用tags标签时要自己写一个函数,这里就来给大家介绍一下实现方法: 方法一,直接在
    2022-06-12

    dedecms列表页上一页下一页翻页单独调用的方法

    本文实例讲述了dedecms列表页上一页下一页翻页单独调用的方法。分享给大家供大家参考。具体实现方法如下: 在列表页单独调用上一页和下一页,以及首页,简单搞了一下,仅作上下翻页,主页类似,可自行添加。 在模板中以复制代码代码如下:{dwww
    2022-06-12

    dedecms列表页调用文章正文内容的方法

    本文实例讲述了dedecms列表页调用文章正文内容的方法。分享给大家供大家参考。具体分析如下: 一般来说,在列表页面要获取文章内容简单描述的话我们可以直接使用description标签就可以了,但是如果要有很多估计我们需要进行一些简单的修改
    2022-06-12

    DEDE列表调用有缩图显示缩图,无缩图则不显示缩图的方法

    在list_article.htm模板页里,有文章列表没有图片,但是前面会显示“无缩略图”,就是当没有图片的时候,怎么样去掉这个“无缩略图”的原始默认缩图, 下面我们只需要把原来列表调用标签中
    2022-06-12

    Dedecms实现列表缩图添加alt锚文本信息的解决方法

    打开文件 list_编程客栈article.htm 找到以下代码: 代码如下 修改为以下代码:
    2022-06-12

    dede调用其他栏目的文章或者缩略图列表且有分页效果的方法

    提问i:我做一个网站,有5个栏目,第5个栏目想把前4个栏目的文章都调用一下,搞一个汇总的文章集合。发现用arclist调用不能设置pagesize的属性,从而不能给文章分页。然而list貌似不能调用同级栏目的文章,现在该怎么实现呢? 回答:
    2022-06-12

    dede调用文章第一张图片(非缩略图)的实现方法

    需要进行两个操作 第一步,修改include/extend.func.php文件,最下面插入函数,查询的是文章附加表,如需查询图片集什么的,改表名即可 复制代码代码如下: function Gethttp://www.cppcns.comF
    2022-06-12

    DEDECMS列表页调用当前栏目父级栏目的方法

    本文实例讲述了DEDEcms列表页调用当前栏目父级栏目的方法。分享给大家供大家参考。具体实现方法如下: 修改方法如下 首先找到如下代码:复制代码代码如下:if($type=='top') { $sql = "SE
    2022-06-12

    DEDECMS列表页文档按权重排序的实现方法

    本文实例讲述了DEDEcms列表页文档按权重排序的实现方法。分享给大家供大家参考。具体实现方法如下: 1、在list_artcile.htm模板中使用: 复制代码代码如下:{dede:list pagesize='12' orderby='
    2022-06-12

    帝国cms内容页调用栏目缩略图的可行方法

    帝国ecms6.0后已经无法用!--class.classimg--]直接调用栏目缩略图了,5.1以前的能行,编程客栈现在只能在列表页能用!--class.classimg--]调用缩略图标签,现在只有用灵动或者万能标签才能调用,调用代编程
    2022-06-12

    Dedecms频道,列表页,内容页中调用全站最新文章的方法

    本文实例讲述了Dedecms频道,列表页,内容页中调用全站最新文章的方法。分享给大家供大家参考。具体分析如下: 使用dedecms的朋友如果想在网站任何地方调用全站最新文章的话有很多方法,下面我举例是Dedecms频道,列表页,内容页调用全
    2022-06-12

    dedecms如何在列表页调用body内容字段的方法示例

    我们都知道description的优化和seo也是息息相关的,对于seo新手来说往往没有这一方面的经验,不写description可能效果更好,但是不写description会出现一个问题,那就是无法在文章列表页调出文章的简介。 比如下列代
    2022-06-12

    Phpcms V9 调用随机文章的实现方法

    调用代码如下: 复制代码代码如下: {pc:content action="lists" catid="$catid" num="8" order="rand()" return="info"}
      2022-06-12

    dedecms首页调用专题页描述和链接的实现方法

    本文实例讲述了dedecms首页调用专题页描述和链接的实现方法。分享给大家供大家参考。具体分析如下: 因为最近做的站用到专题页,首页调用专题页的描述,找了一些方法都是不成功,后来请一个数据库高手给我写了个sql语句,发现问题原来是出在sql
    2022-06-12

    DEDECMS实现文章tag关键词自动生成列表页的方法

    本文实例讲述了DEDEcms实现文章tag关键词自动生成列表页的方法。分享给大家供大家参考。具体实现方法如下: 一般来说在dedecms中如果要页面关键词生成列表有两种办法:一种就是使用dedecms自带的tag.php调用并生成,另一种是
    2022-06-12

    编程热搜

    • wordpress错位如何解决
      这篇文章主要介绍“wordpress错位如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“wordpress错位如何解决”文章能帮助大家解决问题。wordpress
      wordpress错位如何解决
    • 帝国cms调用栏目别名的修改步骤
      请留意下面的修改方法 修改后栏目别名使用 !--bname--] 调用 打开e/class/t_functions.php搜索定位到带模板的栏目导航标签修改1复制代码代码如下://替换变量$bclassname=$class_r[$clas
      帝国cms调用栏目别名的修改步骤
    • 动易Cms MAC验证视图失败的解决方法
      “/”应用程序中的服务器错误。 -------------------------------------------------------------------------------- 验证视图状态 MAC
      动易Cms  MAC验证视图失败的解决方法
    • DEDECMS如何支持中文水印
      DEDECMS如何支持中文水印?修改/include/inc_photograph.php,在165行处加这行代码:$w_text = iconv("GB2312","UTF-8",$w_text);OK,现在可以用中文做水印了,但默认的字体大小是5,中文字体
      DEDECMS如何支持中文水印
    • 快速了解Discuz!程序文件功能
      相信有不少人热衷于基于修改原有系统文件所做的插件,当然了解程序文件功能是最重要的,下面我把Discuz! X2.0主要的程序文件功能说一下。Tips:Q:针对说明的文件是?A:我只基于原版文件对upload目录中基本的程序文件(php,ht
      快速了解Discuz!程序文件功能
    • DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤
      将eWebEditor编辑器插入DEDE后台的效果: 完全Word在线编辑的功能,让你从此摆脱发可编辑器卡得死,进入流畅干净编辑界面新时代。 下面是具体步骤: 首先,你要知道eWebEditor是一个什么工具。 eWebEditor是由国
      DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤
    • 允许 WordPress 上传任意文件的方法
      此时如果上传一个不在预定义编程客栈的安全扩展名列表,如.lrc,会报kAtKhHRl错: F编程客栈ile type does not meet security guidelines. Try another. 解决此问题有两方法: 在
      允许 WordPress 上传任意文件的方法
    • dedecms 软件下载模块中添加下载方式为迅雷下载联盟代码
      修改 /plus/download.php 文件 www.cppcns.com查找
      dedecms 软件下载模块中添加下载方式为迅雷下载联盟代码
    • dedecms网站tag标签全部静态化的解决方法
      更改tags.php文件在根目录 找到$tag = FilterSearch(urldecode($tag)); 替换为:$tag = urldecode($tag); 更改文件arc.taglist.class.php文件文件所在的路径是
      dedecms网站tag标签全部静态化的解决方法
    • 帝国CMS远程保存图片的方法
      本文实例讲述了帝国cms远程保存图片的方法。分享给大家供大家参考。 具体实现方法如下:复制代码代码如下:
      帝国CMS远程保存图片的方法

    目录