织梦无忧官网,专业提供织梦模板,dede模板,dede源码,网页模板等dede织梦相关模板源码

网站地图 [签到送金币] 登录后台 登录 登录后台 注册 QQ登录
新会员开通,直接进入会员中心--购买会员--直接开通即可。 终身 280(99)双12活动活动大促 老会员 月vip或者年会员联系站长qq:379144319 补差价,管理员后台开通。 老会员 终身会员联系站长qq:379144319,多赠送500无忧币

dede织梦模板数量:1537个 今日更新:104个 本月更新:2769 个 {网站模板每天晚上集中更新}

服务中心

织梦dede源码列表页随机调用缩略图的方法

日期:2018-11-27 12:02

您的打赏帮助我们变得更好,谢谢支持!
打赏
大家都知道织梦DedeCMS的列表页缩略图默认是提取第一张图片,但是,并不是所有的文章都有图片来调用,有时候第一张图也未必适合列表缩略图的尺寸大小,这样体验就不好,那么我们可以通过修改来实现列表页缩略图的随机调用。
缩略图随机调用方式的步骤如下:
第一步,织梦模板中调用缩略图的标签是这样的:
  1. [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
第二步,需要替换成我准备好的:
  1. <a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>
第三步,上传road.js文件到images目录:
  1. var m=20; 
  2. var n=Math.floor(Math.random()*m+1) 
  3. document.write ("<img src='http://www.您的网址.com/images/nt"+n+".jpg' border=0 width=148 height=118 />");
注:新建一个js文件,把上面的代码复制进去,代码中的网址改成你的网址,后面width和height是缩略图宽高,自行设置大小。
第四步,把准备好的缩略图上传到images目录:
你可以准备很多张缩略图,把它们上传到/images目录文件夹,然后列表页的缩略图就是自动调用这些图片。