織夢俠
WWW.2L3.NET

織夢如何添加兩張縮略圖_織夢自定義圖片字段

織夢dedecms自定義圖片字段 用法 實例:<img src="{dede:field.image1/}" >   要選擇圖片僅網址。(如圖) 只選擇圖片是有格式存在的。不能像上面那樣調用。

遇到幾個朋友在問:為什么在用自定義列表出來的圖片字段不是正確的圖片地址,而是類似于:
{dede:img text='' width='270' height='129'} /uploads/101017/1-10101H21F54P.gif {/dede:img}
這樣的格式!
非常明顯,這樣是不能正確顯示的,這是自定義圖片字段的處理方式造成的。要解決這個問題,我們必須得創建一個自定義函數,其實現方式為:

1.創建自定義函數
  • 打開 /include/extend.func. 文件(注:這個文件就是系統預留的自定義函數接口文件,主要用于二次開發用的。如果你是老版本,默認沒有這個文件,自己創建一個PHP文件即可),在最下面的?>上一行加入以下函數代碼:
  • function GetOneImgUrl($img,$ftype=1){
  • if($img <> ''){
  • $dtp = new DedeTagParse();
  • $dtp->LoadSource($img);
  • if(is_array($dtp->CTags)){
  • foreach($dtp->CTags as $ctag){
  • if($ctag->GetName()=='img'){
  • $width = $ctag->GetAtt('width');
  • $height = $ctag->GetAtt('height');
  • $imgurl = trim($ctag->GetInnerText());
  • $img = '';
  • if($imgurl != ''){
  • if($ftype==1){
  • $img .= $imgurl;
  • }
  • else{
  • $img .= '<img src="'.$imgurl.'" width="'.$width.'" height="'.$height.'" />';
  • }
  • }
  •  
  • }
  • }
  • }
  • $dtp->Clear();
  • return $img;
  • }
  • }
2.函數調用方法

本函數的調用方法為:
[field:自定義圖片字段名 function="GetOneImgUrl(@me,顯示類型)"/]
比如:我們的自定義圖片字段名為 imgurl ,那么調用方式有以下兩種:
[field:imgurl function='GetOneImgUrl(@me,0)'/] <!--調用圖片的信息,自動調用寬度和高度(已包含Html代碼的<img />)-->
[field:imgurl function='GetOneImgUrl(@me,1)'/] <!--只調用圖片地址,一般可用于背景圖嵌套-->

【示例演示】
1.模型字段添加

進入網站,點擊[核心]——[內容模型管理],點擊“普通文章”的“更改”按鈕,進入編輯界面,切換到“字段管理”選項,點擊“添加新字段”,如圖:


創建好字段以后,我們在增加或編輯文檔時候,那么就會有這個字段了,如圖:


上傳好你要顯示的圖片以后,保存即可。

2.前臺調用

原本我們前臺調用這個字段的方法,就是通過arclist標簽的 channelid 與 addfields 兩個參數來配合調用,這里不再重復的一一熬述。但大體的自定義字段的方法是這樣的:
{dede:arclist row='2' channeld='1' addfields='自定義字段1,自定義字段2'}
底層模板 insertext
{/dede:arclist}

運用到我們剛才的這個函數,調用方法為:
  • {dede:arclist row='5' orderby='id' channelid='1' addfields='imgurl'}
  • < li>[field:title/][field:imgurl function='GetOneImgUrl(@me,0)'/]</li>
  • {/dede:arclist}復制代碼
轉載請注明文章來自織夢俠[秩名]作者的-織夢如何添加兩張縮略圖_織夢自定義圖片字段
聯系作者
取消
這個作者很懶什么也沒留下!
打賞作者
取消

本文作者無償奉獻,就打賞給我們織夢俠吧!

掃碼支付
掃碼打賞,建議金額1-10元

打開支付寶掃一掃,即可進行掃碼打賞哦

提醒:打賞金額將直接進入對方賬號,無法退款,請您謹慎操作。

乐天堂官网 <必威>| <必威体育>| <必威官网>| <必威体育官网>| <必威体育app>| | | | | | | | | <乐天堂>| <乐天堂体育>| <乐天堂官网>| <乐天堂体育官网>| <乐天堂体育app>| | | | | | | | | <同乐城>| <同乐城体育>| <同乐城官网>| <同乐城体育官网>| <同乐城体育app>| | | | | | | | | <热博>| <热博体育>| <热博官网>| <热博体育官网>| <热博体育app>| | | | | | | | | <竞博>| <竞博体育>| <竞博官网>| <竞博体育官网>| <竞博体育app>| | | | | | | | | <贝博>| <贝博体育>| <贝博官网>| <贝博体育官网>| <贝博体育app>| | | | | <亚博>| <亚博体育>| <亚博官网>| <亚博体育官网>| <亚博体育app>| | | | | | | | | <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>