网络资源分享、专业技术教程,优惠活动分享,新闻及日常信息,豆芽文化让生活更加精彩!

首 页文章资讯下载中心投稿方式

栏目分类:
  • QQ活动
  • 网络活动
  • 羊毛现金
  • 技术教程
  • 当前位置:首页 > 活动资讯 > 技术教程

    DedeCMS列表页随机调用缩略图图片

    时间:2019-4-16 8:05:36 分类:技术教程 人气: 6 编辑:网络

      在DedeCMS建站过程中,一些模版的列表页面调用文章列表时会调用文章缩略图,一般都需要自己上传缩略图,而没有上传缩略图的文章择会显示系统默认的缩略图:

      DedeCMS列表页随机调用缩略图图片

      这个缩略图十分难看,而且每次都是一样的图片,在文章多的网站中,要达到列表页美观需要实现随机调用缩略图,可以用以下方法实现:

      1、比如原本的列表页调用缩略图标签为:

      {dede:field.image/}
      <img src="{dede:field.litpic/}">

      2、需要修改调用标签为:

      <script language="JavaScript" src="/images/road.js"></script>

      3、上传名为road.js到/images文件夹中,road.js文件内容如下:

      var m=20;
      var n=Math.floor(Math.random()*m+1)
      document.write ("<img src='https://www.yudouyudou.com/images/nt"+n+".jpg' border=0 width=148 height=118/>");

      4、这里定义的是20张图片,长宽为148*118,命名规则为nt1、nt2...nt20这样,如果图片库够多够大可以自行修改road.js的参数,这里网址换成你自己的网址,做好的图片全部上传到/images文件夹中,再刷新列表页就可以实现调用了。

      后记:这种调用方法虽然可以实现随机调用缩略图,但是是采用js实现,常规搜索引擎现阶段是无法识别js内容的,所以缩略图一般不会被搜索引擎抓取,对优化不是很好,谨慎采用!

    相关评论

    关于我们 - 广告合作 - 我要投稿 - 网站地图 - 发展历程 - 站内留言 - 

    Copyright www.kcs2.top 豆芽文化 版权所有 All Rights Reserved. 皖ICP备