主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > DEDE建站每日一課之圖片標(biāo)簽技巧指南[DedeCMS教程

DEDE建站每日一課之圖片標(biāo)簽技巧指南[DedeCMS教程

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)了解的人。



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

  • 400-1100-266