主頁 > 網(wǎng)站建設(shè) > 建站知識 > 織夢如何添加兩張縮略圖_織夢自定義圖片字段

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

POST TIME:2017-11-13 00:15

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

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

1.創(chuàng)建自定義函數(shù)
  • 打開 /include/extend.func. 文件(注:這個文件就是系統(tǒng)預(yù)留的自定義函數(shù)接口文件,主要用于二次開發(fā)用的。如果你是老版本,默認(rèn)沒有這個文件,自己創(chuàng)建一個PHP文件即可),在最下面的?>上一行加入以下函數(shù)代碼:
  • 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.函數(shù)調(diào)用方法

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

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

進(jìn)入網(wǎng)站,點(diǎn)擊[核心]——[內(nèi)容模型管理],點(diǎn)擊“普通文章”的“更改”按鈕,進(jìn)入編輯界面,切換到“字段管理”選項(xiàng),點(diǎn)擊“添加新字段”,如圖:


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


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

2.前臺調(diào)用

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

運(yùn)用到我們剛才的這個函數(shù),調(diào)用方法為:
  • {dede:arclist row='5' orderby='id' channelid='1' addfields='imgurl'}
  • < li>[field:title/][field:imgurl function='GetOneImgUrl(@me,0)'/]</li>
  • {/dede:arclist}復(fù)制代碼


上一篇:織夢子欄目獲得父級欄目ID

下一篇:織夢制作網(wǎng)站地圖

收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266