如果要想在內(nèi)容頁(yè)內(nèi)示多個(gè)圖片切換的話(huà),首先得在網(wǎng)站的后臺(tái)加圖片的時(shí)候,可以上傳多個(gè)圖片,今天我就來(lái)講一講如何實(shí)現(xiàn)多圖切換的方法,請(qǐng)大家掃我的步驟進(jìn)行操作:
1. 修改內(nèi)容模型 核心--> 頻道模型 --> 內(nèi)容模型管理 --> 普通文章 --> 點(diǎn)一下后面的 "修改" 按鈕
2. 選擇 "字段管理" --> 添加新字段 ---> 輸入相關(guān)信息 ( 請(qǐng)看我圖片提示 ) 按我的圖片進(jìn)行設(shè)置好,注意,此處可以多加幾個(gè)圖片,一般產(chǎn)品加4-5個(gè)圖片,所以,定義圖片的的時(shí)候..多加幾個(gè)自定義圖片,好讓前臺(tái)調(diào)用的時(shí)候多幾個(gè)圖片
3. 然后進(jìn)網(wǎng)站的后臺(tái)添加相應(yīng)的產(chǎn)品圖片---添加完成后,直接點(diǎn)確定就可以了
4. 現(xiàn)在我們就可以到前臺(tái)的模板文件里面去調(diào)用了 調(diào)用的格式為: < img src="{dede:field.cpt1 /}"> 注意:藍(lán)色的文字 cpt1 為我們新建的自定義圖片字段 ,有幾個(gè)字段..就調(diào)用幾個(gè)字段,
5. 現(xiàn)在我們發(fā)現(xiàn)一個(gè)問(wèn)題,當(dāng)我們?nèi)绻恿怂膫€(gè)自定義圖片的時(shí)候,如果有的產(chǎn)品圖片只有三個(gè),那還有兩個(gè)就顯示的空白的圖片,這樣很不人性化,
例如某個(gè)產(chǎn)品，在dede內(nèi)容頁(yè)增加了4個(gè)自定義圖片字段，而有的產(chǎn)品可能只有三個(gè)圖，這樣就需要將第四個(gè)圖的位置啥也不顯示，特別是一些多圖js**，就需要通過(guò)判斷讓其不顯示,那如何才能解決這個(gè)問(wèn)題呢.
在此,我們的處理方法是,當(dāng)我們只有三個(gè)圖的時(shí)候,他前臺(tái)就只顯示三個(gè)圖,如果只有兩個(gè)圖的時(shí)候,前臺(tái)就只顯示兩個(gè)圖片,把沒(méi)有上傳的空白的字段的圖片隱藏起來(lái),請(qǐng)看代碼:
{dede:field name='litpic1' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
< img src="{dede:field.litpic1/}"/>
{dede:field name='litpic2' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
< img src="{dede:field.litpic2/}"/>
{dede:field name='litpic3' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field}>
< img src="{dede:field.litpic3/}"/>
{dede:field name='litpic4' runphp='yes'} if(@me == "") @me = "style='display:none'";else @me = ""; {/dede:field} >
< img src="{dede:field.litpic4/}"/>
litpic是自定義圖片字段，一組就是一個(gè)li標(biāo)簽，所以做出以下判斷：如果該小圖字段為空則將li標(biāo)簽顯示一個(gè)style='display:none'代碼，讓該li標(biāo)簽隱藏。
這樣就完美的解決了產(chǎn)品內(nèi)容頁(yè)多個(gè)圖片的問(wèn)題,后臺(tái)可以上傳多張,如果有些沒(méi)有上傳的,,他前臺(tái)也不會(huì)顯示...如果上傳了,,前臺(tái)自己就會(huì)增加出來(lái),大家看看,是不是完美解決了所有的問(wèn)題
掃一掃添加微信