從朋友網站, ” 阿祥の網路筆記本“看到一個超好玩的 snap 網站, 功能很好玩, 他會將你網站上的外部連結當滑鼠停在上面時, 開出一個 preview 的視窗, 十分有趣而且也相當實用.
該網站利用了 url 進行頁面 preview 的 capture, 並且存下來, 若是還未 capture 過的資料, 就會進行 capture , 所以會等一下子才會有 preview 的頁面, 若是已經 cache 過了, 就會直接秀出來囉.
這樣一來不僅可以方便訪客在看網站時, 可以參考外部連結的網站預覽, 更有趣的我想到一個好玩的功能, 就是可以將一些圖片放進來, 例如:
http://static.flickr.com/2/3432741_d8699b0879_m.jpg
http://static.flickr.com/29/61276396_4061f49460_m.jpg
如此一來便能將一些相片放上來, 不用將圖用 img src 的方式連入, 直接用 snap 的 preview 進行預覽囉, 是不是很好玩又有趣呢..
申請詳細流程可以參考:
http://www.axiang.idv.tw/blog/132
接下來研究一下他的 capture 網址 preview 圖如下:
http://spa.snap.com/preview/?url=XXXXXXXXX
&key=62dd8736b24c8f953b983280d8385e70
&src=diary.tw&cp=snap_preview_anywhere&v=1.8
(以上無斷行, 為說明容易進行斷行切割)
看起來應該是利用了 key + src 進行驗證, 才將圖秀出來, 例如我可以這樣用:
http://spa.snap.com/preview/?url=http://www.google.com
&key=62dd8736b24c8f953b983280d8385e70
&src=diary.tw&cp=snap_preview_anywhere&v=1.8
(以上無斷行, 為說明容易進行斷行切割)
得到圖片如下:
會和直接 mouse over 這個網址相同: http://www.google.com
給大家參考!!