單張圖片標(biāo)簽的使用也是非常多的.

大家先看上面的圖片,單張圖,通常有兩種標(biāo)簽寫法,第一種是可以靈活控制圖片事件或點(diǎn)擊事件. 但是代碼就多一點(diǎn),演示數(shù)據(jù)需要你單獨(dú)給出來.

第二種就代碼比較簡潔,只給演示數(shù)據(jù)就可以了. 事件的話,需要你單獨(dú)通CSS或者是JS控制,因?yàn)橄到y(tǒng)默認(rèn)給出的數(shù)據(jù)將是以下格式，鏈接是強(qiáng)制新開窗口 圖片大小 也需要你通過CSS 或者 JS 處理。

<a href="{$url}" target="_blank"><img src="{$picurl}"></a>

所以說，兩種方式看不同的情況，看個人不同的愛好自由選擇。第一種代碼多一點(diǎn)，但靈活性強(qiáng)一些。第二種代碼少點(diǎn)，但需要你善長JS或CSS控制顯示與事件。

特別提醒一下,單張圖片這里的變量名是

{$url} 不是 {$rs.url}
{$picurl} 也同樣不是 {$rs.picurl}

除此單張圖外,其它地方都是(包括多張圖) {$rs.url} {$rs.picurl}

僅僅單張圖片這里比較特殊

最后,大家要注意的一個關(guān)鍵點(diǎn):

像文本標(biāo)簽一樣,

這種簡單處理的單張圖,也即沒使用變量的,就可以把演示數(shù)據(jù)直接這樣寫出來,不需要加注釋符.再加注釋的話就顯得很羅索,比如你也可以像下面這樣寫,但顯得很羅索