在網(wǎng)頁(yè)設(shè)計(jì)和排版中,我們經(jīng)常會(huì)遇到圖片太大而網(wǎng)頁(yè)版面太小的問題,如果使用縮略圖的話,又會(huì)使用圖片太小而看不清楚,給圖片添加URL鏈接倒是一個(gè)不錯(cuò)的辦法,但是其弊端有兩個(gè),其一是每次都要添加超鏈接,其二在seo優(yōu)化角度考慮,還是不建議給圖片增加圖片URL鏈接,這樣會(huì)使用蜘蛛爬行你的圖片,大家都知道蜘蛛抓取圖片意義是不大的,當(dāng)然要排除圖片蜘蛛!
那么,有沒有比較好的方法來實(shí)現(xiàn)在當(dāng)前網(wǎng)頁(yè)圖片放大,遮罩網(wǎng)頁(yè)內(nèi)容的插件呢?要知道WP的插件是成千上萬(wàn)的,區(qū)區(qū)圖片放大插件還是數(shù)不勝數(shù)的!今天小編就來給大家介紹一款易用、功能強(qiáng)大的插件,它的名字叫:auto highslide!費(fèi)話不多說,先來看一下演示效果!
點(diǎn)擊查看:圖片放大演示
好了,現(xiàn)在開始說如何使用,首先下載auto highslide插件!如果您是用在WordPress中,下載后上傳到插件目錄安裝即可。
主要說明一下,如何用在非WordPress中!
第一步:以下代碼放在head部分:
第二步:在需要放大的圖片加上屬性:<img 其他 class=”highslide-image” onclick=”return hs.expand(this);”>
好了,去試試效果吧!其實(shí)關(guān)于圖片放大的插件,網(wǎng)以前發(fā)表過許多,大家可以使用站內(nèi)搜索查找一下。