當前位置:主頁 > 網站優化 >

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

奕星seo偽原創
作者: 奕星SEO 分類: 網站優化 發布時間: 2019-09-24 22:26 內容來源:網絡整理閱讀量:

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

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

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

[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='"+n+".jpg' border=0 width=148 height=118 />");

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


本文鏈接地址:http://www.hpjxfp.live/webyouhua/6830.html
上一篇:<<織夢實現三級多級欄目嵌套調用教程
下一篇:織夢dedecms內容頁調用欄目內容標簽{dede:field.content/}>>
大乐透怎么查开奖地区