dedecms列表页面随机缩略图调用

如果要利用dedecms制作扁平化主题,大概也能够遇到相似的问题,那就是dedecms的缩略图机制,在没有缩略图的情况下显示单一的默认图片,如果是wordpress可以很方便的定义函数调用随机的缩略图,即便是在没有设置缩略图并且文章内没有图片的情况下,今天要给大家分享的就是,dedecms下利用js调用随机的缩略图,这个方法可以完美解决dedecms单一默认缩略图的问题,并且对于某些懒人,既可以停止dedecms的缩略图功能,节省硬盘空间,还能够还前台样式显示得更加美观。

第一步:制作js文件,将以下代码保存为pic.js,记得将代码中网址替换为你网站的地址

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


第二步:上传图片到你定义的图片目录,图片命名格式ntXX.jpg,xx为数字序号,推荐20张图以上,这样前台显示出来的缩略图就不会出现重复的情况。

第三步:将以下代码替换你文章循环中图片显示的代码,js调用位置为你的js上传位置

<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/pic.js"></script></a>

修改完成,生成静态,就可以看到全新的缩略图显示效果了。

转载于:https://www.cnblogs.com/SHI520/p/6905724.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值