为什么要实现随机缩略图?
其实,没啥原因,就一个懒字,虽然dedecms文章编辑时会自动使用第一张图成为缩略图,可是我的文章是采集的,没采缩略图,而列表页又正好每篇文章都有缩略,不然显示的是dedecms的默认图片,所以非常难看。就因为这原因,想着弄几十张图让列表页在那边随机调取,这样果然美观好多,哇卡卡卡~~~~~~~~~~
dedecms列表页实现JS随机缩略图
废话不多说,办法是使用JS实现,仅需要在列表页模版需要调用缩略图的地方插入JS就能实现,插入代码如下:
原代码:
<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><img src="[field:picname/]" width="80" height="100" border="0"></a>
修改后代码:
<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/plus/listpic.js"></script></a>
js文件:
// JavaScript Document var m=11; //随机显示图片的总数量 var n=Math.floor(Math.random()*m+1) document.write ("<img src='/plus/listpic/mf"+n+".jpg' border=0 width=80 height=100 >"); //
使用方法:将这段js代码保存为JS文件,放到你的空间上,具体路径各自修改下就行了,很简单的。
实现后效果:

http://www.colormiss.com/fengxiongfanfa/
缩略图刷新就会变哦~~~
本文首发地址 闲推月下门 dedecms模版 博客
啥时候写一个wordpress的随机缩略图呀……
乐透乐换了新域名,http://www.waiwen.org,改名外闻网,请改下链接,谢谢
@laowi
wp的话,其实也是一样的,改一下对应的地方也是同样的效果的
已经实现了。。
[...] http://www.ruher.info/dedecms-js-suoluetu.html (转载请保留) [...]