May 09, 2007

Snap Shots & Lightbox2 預覽連結與圖片

最近為了......好玩,試著玩了 Snap ShotsLightbox 2...XD
兩者共通的特性就是,preview
讓來逛逛的人可以不必實際離開當前網站位置就能預先看到連結或圖片的結果...



這個 Snap Shots 在 wordpress.com 其實是預設本來就有的,
只是到了 Blogger.com 之後得自己設...
就像下面這個連結,將滑鼠指標移到那上頭 (不需點擊),
就會出現一個小視窗,顯示該連結所連結到的網頁預覽,像這樣:

2007 Most Innovative Companies - BusinessWeek Special Report

其實這只是 Snap Shots 所提供的 PreviewShot 功能,
Snap Shots 最近還提供了一系列其他 Shot:
(記得,不需點擊,只要將滑鼠移到連結上...)

WikiShotExtreme Programming from Wikipedia
MovieShotSpider-Man 3
StockShotYHOO from Yahoo! Finance
(可順便看看最近 Yahoo! 因與 Microsoft 合併的消息大漲 16% 的坡度 XD)
(請調到可以看到 5/3、5/4 的 view,例如 5d 或者 3m XD)
VideoShotLinkin Park - What I've Done
(順便廣告一下,Linkin Park 的 Minutes to Midnight 這幾天快出了 XD)
(在 preview 的視窗裡可直接點擊觀看 MV,然後還可以任意搬移該視窗 :P)

還有很多,像是 PhotoShot、ProductShot、AudioShot、...
可以到 Shots Central 一探究竟...

關於怎麼安裝,可以到免費資源網路社群
Snap Shots™ 讓部落格能預覽連結網站!看看,
很簡單,一看就會啦,而且其實官方網站也可以選擇中文介面......:P



至於 LightBox 2,早就很想玩了,
只是之前都在 wordpress.com,不能擺 js,沒得玩 XD
就是點擊圖片之後會以所謂光箱特效來顯示圖片,
簡單說就是會鋪上 layer 將背景轉暗,凸顯圖片,
然後按了 CLOSE 之後,又將焦點還回原網頁,像這樣: (點擊下面那張圖片)

這個的設定比較麻煩,相關設定可參考官方網站說明
或者七號三樓【Blogger】光箱特效再複習
(我自己是比較懶,偷用別人 (良人的大秘寶) 已經上傳好的 XD)

嗯,暫時應該會擺著繼續玩,
真的覺得拗手不方便或者很礙眼再跟我講吧~~~XD
(對了,這些小玩意都是要等到頁面 load 完成,才會出現哦 XD)

(我得承認,因為我都用這裡實驗一些有的沒的的小玩具,讓速度變慢許多,)
(我還在實驗觀察啦,有天玩夠的話,會整理一下,把不必要的小玩具清掉 XD)


No comments:

Post a Comment