如果要利用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>
修改完成,生成靜態,就可以看到全新的縮略圖顯示效果了。