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