dedecms實現(xiàn)列表頁縮略圖隨機調(diào)用的方法
發(fā)布時間:2014-06-24 15:13:34 作者:佚名
我要評論

這篇文章主要為大家介紹了dedecms實現(xiàn)列表頁縮略圖隨機調(diào)用的方法,需要的朋友可以參考下
用過DEDECMS的朋友應(yīng)該都知道,有些模板列表頁面需要用到縮略圖,調(diào)用內(nèi)容中的縮略圖可以使用系統(tǒng)自帶的腳本調(diào)用第一張圖片。但是,并不是我們所有的內(nèi)容里都有圖片,有時候第一張圖片也不一定是適合尺寸的標準縮略圖大小,總之用戶體驗不好,尤其是編輯人員忘記或者不會上傳縮略圖的話那勢必會影響網(wǎng)站。
縮略圖隨機調(diào)用方式的步驟如下:
1.原先我們模板中調(diào)用縮略圖的腳本是這樣的:
復(fù)制代碼
代碼如下:[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
2.需要替換成我準備好的:
復(fù)制代碼
代碼如下:<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>
3.上傳下面的JS文件和準備好的圖片到主機中。
復(fù)制代碼
代碼如下:var m=20;
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/images/nt"+n+".jpg' border=0 width=148 height=118 />");
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/images/nt"+n+".jpg' border=0 width=148 height=118 />");
需要注意一個問題,我們最好準備20-30張固定縮略圖尺寸的圖片,因為固定尺寸版面比較好看,不會壓縮變形。如果你列表10個內(nèi)容,如果只有10個圖片隨機會導致圖片有幾個會重復(fù),體驗不是太好,如果圖片多一些可以使得重復(fù)的幾率小一些。就這樣,如果有需要就參考使用吧。
相關(guān)文章
- 返回列表在網(wǎng)頁中很常見也很實用,那么在dedecms中如何實現(xiàn)呢?其實很簡單的一句代碼即可搞定2014-03-03
DEDECMS網(wǎng)站文章列表頁更新點擊次數(shù)的問題完美解決
如何在DEDECMS的網(wǎng)站里,當瀏覽文章時,自動增加一次點擊次數(shù);而顯示文章列表時,則僅顯示點擊量(不增加點擊次數(shù)),具體實現(xiàn)如下,感興趣的朋友可以參考下2013-10-21dedecms列表頁標題title后加上頁數(shù)其標題不重復(fù)的方法
在列表頁的標題后加上頁數(shù)使列表頁的標題不重復(fù)這樣更利于優(yōu)化,下面是從搜索整理的解決方法,有類似需求的朋友可以參考下,希望對大家有所幫助2013-09-30