花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網,按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢dedecms 列表頁縮略圖隨機調用教程

時間: 2018-12-05 08:31 閱讀: 作者:素材無憂網

我們用織夢建站時,模板列表頁面需要用到縮略圖,調用內容中的縮略圖可以使用系統(tǒng)自帶的腳本調用第一張圖片。但是,并不是我們所有的內容里都有圖片,有時候第一張圖片也不一定是適合尺寸的標準縮略圖大小,總之用戶體驗不好。

 

縮略圖隨機調用方式的步驟如下:

第一步,原先我們模板中調用縮略圖的腳本是這樣的:

[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}'><img src='{@me['litpic']}'/></a>"); [/field:array]

 

第二步,需要替換成我準備好的:

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

 

第三步,上傳下面的JS文件和準備好的圖片到主機中。

var m=20;

var n=Math.floor(Math.random()*m+1)

document.write ("<img src='http://www.dedecms51.com/images/nt"+n+".jpg' border=0 width=148 height=118 />");

 

需要注意一個問題,我們最好準備20-30張固定縮略圖尺寸的圖片,因為固定尺寸版面比較好看,不會壓縮變形。如果你列表10個內容,如果只有10個圖片隨機會導致圖片有幾個會重復,體驗不是太好,如果圖片多一些可以使得重復的幾率小一些。


版權聲明: 本站資源均來自互聯網或會員發(fā)布,如果侵犯了您的權益請與我們聯系,我們將在24小時內刪除!謝謝!

轉載請注明: 織夢dedecms 列表頁縮略圖隨機調用教程

標簽:  
模板推薦