blogspot 內建圖片燈箱特效

無意中發現Lightbox功能已被加入blogspot之中，再也無需費神安裝Lightbox plugin即能擁有圖片燈箱之效果。

目前blogspot尚未正式公佈^註，所以應該還在測試階段。您可以檢查網頁原始碼裏是否已包含下列這一行，如果有的話表示您已經可以開始使用這個功能。 <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/xxxxxxxxxx-widget_css_lightbox_bundle.css' />


未加入連結之圖片效果為原始貼圖大小
<img  src="http://…xyz.jpg" width="100%" height="100%">


已加入連結之縮圖點選後即放大成原圖
<a href="http://…xyz.jpg><img src="http://…xyz.jpg width="200" height="150"></a>

只要是同一篇文章裏的圖像，不管有沒有加入連結它都能被點擊並開啟。同時，將來在編輯HTML時亦可直接省略target標籤(target="_self"、target="_top"、target="_blank"、target="_parent")，而舊文之 target設定無需變更皆視為在同一視窗中開啟。
由於程式碼預設為延後載人，所以需等待網頁載入完畢後才能正常使用這個功能，Firefox6、Chrome14、IE7測試後皆能正確顯示！

註：

圖片燈箱功能已正式上線，切換至Blogger新版介面 >> 設定 >> 文章和留言 >> 在燈箱(Lightbox )中展示圖片 >> 是   

這裡是你要呈現給網友看的內容!