POST TIME:2020-04-10 16:32
摘要:DEDE建站每日一課之圖片標(biāo)簽技巧指南[DedeCMS教程]
筆者的同事在之前做dede站的時(shí)候,曾經(jīng)遇到很苦惱的事情,就是給圖片集添加了一個(gè)網(wǎng)上下載下來的特效,需要給圖片的鏈接上添加一個(gè)rel屬性,供JS調(diào)用以達(dá)到那種特效。但是當(dāng)時(shí)只知道dede的圖片鏈接標(biāo)簽是[field:imglink/],所以,后來只得作罷。
隨著時(shí)間的推移,和自己的學(xué)習(xí),筆者了解到dede的圖片標(biāo)簽其實(shí)還是很靈活的,除了原來知道的標(biāo)簽,還可以這樣寫:
<a href='[field:arcurl /]'>[field:image/]</a>
在這里“<a href='[field:arcurl /]'>[field:image/]</a>”與“[field:imglink /]” 是完全等價(jià)的,只不過前者更靈活一點(diǎn),可以在 <a>中添加 title、rel等相關(guān)的屬性。這樣一來就給我們制作一些特效的時(shí)候帶來了便捷。
其實(shí)dede的圖片標(biāo)簽還有一些更高級(jí)更詳盡的寫法,比如
<a href='[field:arcurl /]' title="[field:title function='htmlspecialchars(@me)'/] ">[field:image/]</a>
這里主要是直接給圖片調(diào)用了title,為圖片的優(yōu)化帶來了一定的益處。其中title中的“function='htmlspecialchars(@me)'”是為了清除由于后臺(tái)操作添加的html標(biāo)簽的,比如改變顏色的font或者加粗的b標(biāo)簽等。
兩外,我們可以通過直接調(diào)用圖片的地址的方法來更加靈活的調(diào)用圖片鏈接
<a href='[field:arcurl /]'><img src='[field:litpic/]'></a>
<a href='[field:arcurl /]'><img src='[field:picname/]'></a>
則更為靈活,不僅可以添加title="",還可以添加 alt="",但是雖然靈活了,缺少了圖片的寬度和高度的控制,所以要在CSS中控制圖片的大小,適合對(duì)CSS有一點(diǎn)了解的人。