2011年11月10日

Blogger官方推出Lightbox光箱特效


 
多年以前(轉眼也快三年前了 @@)我曾為Lightbox寫了一篇教學文,
說明如何在 Blogger 上安裝 Lightbox 圖片特效,
連結在:在blogger上使用Lightbox

部落客常常需要分享較高解析度的照片或圖片,
但同時又因為版面設計長寬受限所以必須要縮小圖片,
使用者點下時得連到另一頁面顯示,然後又得按上一頁回到文章中,
一張兩張還可以接受,當看的是一系列的照片時就非常麻煩。

Lightbox 透過內嵌的 .js(JavaScript)和.css 達成圖片顯示時的特效,
這對有上述困擾的部落客們(像我就是其中之一)相當有幫助,
因為只要點一下文章中長寬受限的圖,就能以特效顯示出完整的原始圖片,
在 Lightbox 的特效中我們還可以直接點擊圖片跳到前一張或後一張圖片,
當在觀賞一系列的圖片時這相當方便!

下面依舊用當作 demo 用的圖片來當做展示,
大家可以點看看,感受一下 Lightbox 的魅力。







說了這麼多好像還沒說到重點,
Blogger 在 2011.9.20 時發佈了 Your images never looked so good
正式宣布在 Blogger 中新增嵌入 Lightbox 光箱特效(也有人稱他是燈箱、幻燈箱等),
目前這個功能預設是開啟的,大家可以回頭試試看自己 blog 中的圖片,
看看是否有出現和以前不同的展示效果。

那這個設定是在哪裡呢?
在進入Blogger後台的新介面中,可以選擇「設定」->「文章和留言」,
接著就可以看到「在燈箱中展示圖片」或「在Lightbox中打開圖片」,可以選擇要不要開啟。
若使用的是舊介面,可以在「設定」->「格式」找到一樣的選項。

雖然預設是開啟,但有時即使我們開啟這個特效,仍無法使用 Lightbox。
這可能是因為使用了外部提供的 template (像我就是),
或是使用了Blogger官方的「動態檢視(Dynamic Views)」都無法支援這項特效。
若要使用的話只好像我一樣用個 Blogger 所提供且非動態檢視的 template 了。

另外也有人提到圖片若不是用 Blogger 的上傳功能的話,
有可能會出現無法支援的現象,不過目前我沒有遇到這樣的問題,
若有人有遇到的話,歡迎留言討論。

以上就是這次Blogger官方推出Lightbox光箱特效簡單的介紹啦!
大家可以快點去試用看看,看是不是如 Blogger 所說的,
Your images never looked so good


更多外掛如相關文章推薦輪播、部落格廣告賺錢、社群網站外掛等,請見總整理文章:
Blog Plugins:部落格外掛大全整理,什麼都有、什麼都不奇怪


關鍵字:Lightbox, Blogger, 安裝, 顯示, 教學, 如何, 效果, 顯示, 圖片, 特效, 語法
參考資料:


更多精選推薦文章