織夢DedeCMS列表頁隨機調(diào)用縮略圖的方法
來源:本站原創(chuàng)|時間:2021-08-05|欄目:dedecms|點擊: 次
大家都知道織夢DedeCMS的列表頁縮略圖默認是提取第一張圖片,但是,并不是所有的文章都有圖片來調(diào)用,有時候第一張圖也未必適合列表縮略圖的尺寸大小,這樣體驗就不好,那么我們可以通過修改來實現(xiàn)列表頁縮略圖的隨機調(diào)用。
縮略圖隨機調(diào)用方式的步驟如下:
第一步,織夢模板中調(diào)用縮略圖的標簽是這樣的:
[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><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>
第三步,上傳road.js文件到images目錄:
var m=20;
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='http://www.您的網(wǎng)址.com/images/nt"+n+".jpg' border=0 width=148 height=118 />");
注:新建一個js文件,把上面的代碼復制進去,代碼中的網(wǎng)址改成你的網(wǎng)址,后面width和height是縮略圖寬高,自行設(shè)置大小。
第四步,把準備好的縮略圖上傳到images目錄:
你可以準備很多張縮略圖,把它們上傳到/images目錄文件夾,然后列表頁的縮略圖就是自動調(diào)用這些圖片。
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(能知道織夢每個文件有什么用)
- 08-05Dedecms5.7版ckeditor網(wǎng)頁編輯器添加中文字體
- 08-05織夢DedeCMS獲取當前欄目文章數(shù)量
- 08-05織夢模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問題{dede:img ...}解決方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢會員每天投稿數(shù)量方法
- 08-05常用的織夢dedecms安全設(shè)置集合整理
- 08-05織夢教程:后臺編輯器添加中文字體方法