...」;最後上傳“js”檔案和圖片到主機中即可。"/> ...」;最後上傳“js”檔案和圖片到主機中即可。">
搜尋
首頁CMS教程DEDECMSdedecms怎麼實現列表頁縮圖隨機調用

dedecms怎麼實現列表頁縮圖隨機調用

dedecms怎麼實作清單頁縮圖隨機呼叫?

用過DEDECMS的朋友應該都知道,有些模板清單頁面需要用到縮圖,呼叫內容中的縮圖可以使用系統自帶的腳本呼叫第一張圖片。但是,並不是我們所有的內容裡都有圖片,有時候第一張圖片也不一定是適合尺寸的標準縮圖大小,總之用戶體驗不好,尤其是編輯人員忘記或不會上傳縮圖的話那勢必會影響網站。

推薦學習:織夢cms

縮圖隨機呼叫方式的步驟如下:

##1.原先我們模板中呼叫縮圖的腳本是這樣的:

程式碼如下:

[field:array runphp=&#39;yes&#39;]@me = (empty(@me[&#39;litpic&#39;]) ? "" : "<a href=&#39;{@me[&#39;arcurl&#39;]}&#39; class=&#39;preview&#39;><img  src="/static/imghwm/default1.png"  data-src="/images/road.js"  class="lazy"  src=&#39;{@me[&#39;litpic&#39;]}&#39;/ alt="dedecms怎麼實現列表頁縮圖隨機調用" ></a>"); [/field:array]

2.需要替換成我準備好的:

程式碼如下:

<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" ></script></a>

3.上傳下面的JS檔案和準備好的圖片到主機。

程式碼如下:

var m=20; 
var n=Math.floor(Math.random()*m+1) 
document.write ("<img  src=&#39;/images/nt"+n+".jpg&#39; border=0    style="max-width:90%"dedecms怎麼實現列表頁縮圖隨機調用" >");

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

以上是dedecms怎麼實現列表頁縮圖隨機調用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具