VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

DEDEECMS如何实现列表页面缩略图的随机调用(DEDEECMS插件)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

DEDEECMS如何实现列表页面缩略图的随机调用(DEDEECMS插件)

dedecms如何实现列表页面缩略图的随机调用?

使用过DEDECMS的朋友应该知道,有些模板列表页面需要缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。然而,并不是我们所有的内容都有图片,有时第一张图片不一定是适合该大小的标准缩略图大小。总之,用户体验不好,尤其是如果编辑忘记或不会上传缩略图,这肯定会影响网站。

推荐学习:梦想编织cms

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

1.在我们的模板中调用缩略图的原始脚本如下:

代码如下:

【field:array runphp = & amp;#39;是的& amp#39;】@ me =(empty(@ me【& amp;#39;litpic & amp#39;]) ?"":& quot& lta href = & amp#39;{ @我【& amp#39;arcurl & amp#39;】} & amp#39;class = & amp#39;预览与展示。#39;& gt& ltimg src=&amp。#39;{ @我【& amp#39;litpic & amp#39;】} & amp#39;/& gt;& lt/a & gt;");【/field:array】2。它需要被我准备的东西取代:

代码如下:

& lta href = & quot【字段:arcurl/】& quot;title = & quot【field:title/】& quot;target = & quot_blank&quot& gt& lt脚本语言= & quotJavaScript & quotsrc = & quot/images/road . js & quot;& gt& lt/script & gt;& lt/a & gt;3.将以下JS文件和准备好的图片上传到主机。

代码如下:

var m = 20var n = math . floor(math . random()* m+1)document . write(& quot;& ltimg src=&amp。#39;/images/nt & quot;+n+& quot;。jpg & amp#39;border = 0 width = 148 height = 118/》;");我们需要注意一个问题。我们最好准备20-30张固定缩略图大小的图片,因为固定大小的布局看起来更好,不会被压缩变形。如果你列出10个内容,如果只有10张图片是随机的,那么会有几张图片重复出现,体验并不是很好。图片多了,重复的概率就会小一些。就是这样。如有必要,请参考。

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:DEDEECMS如何实现列表页面缩略图的随机调用(DEDEECMS插件) https://zhujicankao.com/116854.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » DEDEECMS如何实现列表页面缩略图的随机调用(DEDEECMS插件)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!