dedecms如何實現(xiàn)列表頁縮略圖隨機調(diào)用-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)www.cdcxhl.cn八線動態(tài)BGP香港云服務(wù)器提供商,新人活動買多久送多久,劃算不套路!

創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù),團隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為澤州企業(yè)提供專業(yè)的成都網(wǎng)站制作、做網(wǎng)站,澤州網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

這篇文章給大家分享的是有關(guān)dedecms如何實現(xiàn)列表頁縮略圖隨機調(diào)用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

dedecms怎么實現(xiàn)列表頁縮略圖隨機調(diào)用?

用過DEDECMS的朋友應(yīng)該都知道,有些模板列表頁面需要用到縮略圖,調(diào)用內(nèi)容中的縮略圖可以使用系統(tǒng)自帶的腳本調(diào)用第一張圖片。但是,并不是我們所有的內(nèi)容里都有圖片,有時候第一張圖片也不一定是適合尺寸的標(biāo)準(zhǔn)縮略圖大小,總之用戶體驗不好,尤其是編輯人員忘記或者不會上傳縮略圖的話那勢必會影響網(wǎng)站。

推薦學(xué)習(xí):織夢cms

縮略圖隨機調(diào)用方式的步驟如下:

1.原先我們模板中調(diào)用縮略圖的腳本是這樣的:

代碼如下:

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

2.需要替換成我準(zhǔn)備好的:

代碼如下:

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

3.上傳下面的JS文件和準(zhǔn)備好的圖片到主機中。

代碼如下:

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 />");

需要注意一個問題,我們最好準(zhǔn)備20-30張固定縮略圖尺寸的圖片,因為固定尺寸版面比較好看,不會壓縮變形。如果你列表10個內(nèi)容,如果只有10個圖片隨機會導(dǎo)致圖片有幾個會重復(fù),體驗不是太好,如果圖片多一些可以使得重復(fù)的幾率小一些。就這樣,如果有需要就參考使用吧。

感謝各位的閱讀!關(guān)于dedecms如何實現(xiàn)列表頁縮略圖隨機調(diào)用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

名稱欄目:dedecms如何實現(xiàn)列表頁縮略圖隨機調(diào)用-創(chuàng)新互聯(lián)
本文鏈接:http://bm7419.com/article0/cecsoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司微信公眾號、外貿(mào)網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站策劃

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)