花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法

時間： 2020-04-12 10:24 閱讀： 次 作者：素材無憂網(wǎng)

如果要想在內(nèi)容頁內(nèi)示多個圖片切換的話,首先得在網(wǎng)站的后臺加圖片的時候,可以上傳多個圖片,今天我就來講一講如何實現(xiàn)多圖切換的方法,請大家掃我的步驟進行操作:

1.  修改內(nèi)容模型  核心--> 頻道模型 --> 內(nèi)容模型管理 --> 普通文章 --> 點一下后面的 "修改" 按鈕
 

DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法(圖1)
 


2.  選擇 "字段管理" --> 添加新字段 ---> 輸入相關(guān)信息 ( 請看我圖片提示 ) 按我的圖片進行設(shè)置好,注意,此處可以多加幾個圖片,一般產(chǎn)品加4-5個圖片,所以,定義圖片的的時候..多加幾個自定義圖片,好讓前臺調(diào)用的時候多幾個圖片

DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法(圖2)

 

DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法(圖3)
 


3.  然后進網(wǎng)站的后臺添加相應(yīng)的產(chǎn)品圖片---添加完成后,直接點確定就可以了

DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法(圖4)



4.  現(xiàn)在我們就可以到前臺的模板文件里面去調(diào)用了 調(diào)用的格式為:  <IMG src="{dede:field.cpt1 /}">  注意:藍色的文字 cpt1 為我們新建的自定義圖片字段 ,有幾個字段..就調(diào)用幾個字段,

5. 現(xiàn)在我們發(fā)現(xiàn)一個問題,當(dāng)我們?nèi)绻恿怂膫€自定義圖片的時候,如果有的產(chǎn)品圖片只有三個,那還有兩個就顯示的空白的圖片,這樣很不人性化,
例如某個產(chǎn)品，在dede內(nèi)容頁增加了4個自定義圖片字段，而有的產(chǎn)品可能只有三個圖，這樣就需要將第四個圖的位置啥也不顯示，特別是一些多圖js特效，就需要通過判斷讓其不顯示,那如何才能解決這個問題呢.

在此,我們的處理方法是,當(dāng)我們只有三個圖的時候,他前臺就只顯示三個圖,如果只有兩個圖的時候,前臺就只顯示兩個圖片,把沒有上傳的空白的字段的圖片隱藏起來,請看代碼:

<li {dede:field name='litpic1' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
<img src="{dede:field.litpic1/}"/>
</li>

<li {dede:field name='litpic2' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
<img src="{dede:field.litpic2/}"/>
</li>

<li {dede:field name='litpic3' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
<img src="{dede:field.litpic3/}"/>
</li>
     
<li {dede:field name='litpic4' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field} >
<img src="{dede:field.litpic4/}"/>
</li>

 

litpic是自定義圖片字段，一組就是一個li標(biāo)簽，所以做出以下判斷：如果該小圖字段為空則將li標(biāo)簽顯示一個style='display:none'代碼，讓該li標(biāo)簽隱藏。

這樣就完美的解決了產(chǎn)品內(nèi)容頁多個圖片的問題,后臺可以上傳多張,如果有些沒有上傳的,,他前臺也不會顯示...如果上傳了,,前臺自己就會增加出來,大家看看,是不是完美解決了所有的問題

版權(quán)聲明： 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布，如果侵犯了您的權(quán)益請與我們聯(lián)系，我們將在24小時內(nèi)刪除！謝謝！

轉(zhuǎn)載請注明： DEDE產(chǎn)品內(nèi)容頁調(diào)用多個自定義圖片顯示方法

標(biāo)簽：  
相關(guān)文章
模板推薦