Snap Preview Anywhere，大多數的朋友應該有用過或聽過這個免費的小工具，它能在超連結上顯示預覽圖，讓你在閱讀網頁時可以事先得知各個連結點下去會連到那裡。


Snap Preview Anywhere 在前陣子廣發英雄帖，請網友們提供新功能建議並懸賞高額獎金，在收集了來自各方的意見後，Snap Preview Anywhere 大幅改版並正式更名為 Snap Shots。除了 擁有 8 國語言的使用者介面外，更一舉將增加了超連結以外的 8 種預覽模式。

底下，大致講解改版後的 Snap Shots 有什麼新功能：

• 多國語操作界面：英文、中文(簡/繁)、西班牙文、葡萄牙文、法文、日文、德文、韓文
• 增加八種預覽模式：
  • WikiShots (維基摘要)
  • MovieShots (電影資訊)
  • StockShots (股票走勢圖)
  • VideoShots (Youtube 影片)
  • ProductShots (Amazone 產品預覽)
  • PhotoShots (Flick 相片預覽)
  • AudioShots (MP3 音樂試聽)
  • CompanyNewsShots (公司新聞)
• 提供更結構化的語法 (Snap Shots Markup Language)
• 增加預覽視窗的觸發方式 (連結、氣泡、連結+氣泡)
• 增加預覽視窗的佈景主題 (共 8 種可以選)
• 允許上傳個人徽章
• 允許閱讀訪客手動關閉網站上的預覽功能

廢話不多說，先來看看怎麼申請：
點選這裡來設定你的 SnapShots

第一個步驟，你可以選擇顏色主題、觸發器、預覽窗格尺寸及上傳個人徽章。


請記得打開下面的高級選項

你可以在這裡選取顯示語言，以及調整預覽窗格內的版面及行為。
如果你不是很確定要勾那些選項的話，建議只要勾選：預覽外部連接、預覽內部連接

第二個步驟，主要是要你畫押。
請輸入你的正確網址，Snap 會用這個網址來判斷文章內的連結是屬於內部連結還是外部連結。
在輸入完電子郵件及勾選 我同意下列條款和條件 後，繼續下一個步驟。


第三個步驟，複製 SnapShots 的 JavaScript，並放到你的網誌中。

你可以直接複製第一個框框的 JavaScript 程式碼，並安裝到你的部落格/網站中。
或者，你希望 SnapShots 預設為關閉的，經過讀者打開後才生效，那麼請於勾選那個小方格後，將第二個框框內的 JavaScript 程式碼複製到你的部落格/網站即可。


就醬子？

在你安裝好你的 SnapShots 程式後，你會發現 - 所有超連結都有預覽圖了，不論你要不要
有辦法將預覽連結的功能，限制在我所指定的項目嗎？
沒問題，其實只要動點小手腳。

我們來看看在步驟三的程式碼：

<script type="text/javascript" src="http://shots.snap.com/snap_shots.js? ap=1&amp;key=bd27e45797e9612f6aba7c89a5d5dd2f&amp; sb=0&amp;th=orange&amp;cl=0&amp;si=1&amp;po=0&amp; df=0&amp;oi=0&amp;lang=zh-tw&amp;domain=blog.yam.com/ressol"></script>

這串 javascript 的呼叫語法中，包括了你所設定好的各個參數。
請把紅色那個 ap=1 改為 ap=0

接下來在寫文章時，將 snap_shots 這個 CSS 類別加入到超連結。
<a href="tw.yahoo.com" class="snap_shots">Yahoo</a>

這樣子，SnapShots 就會只對有指定 snap_shots 類別的超連結顯示預覽視窗，而不會倒處亂跳小視窗出來了。


另一種做法，在 Div 中指定是否顯示預覽功能。
<div class="snap_shots"> 強制這個 DIV 內的連結都有預覽功能 </div>
<div class="snap_noshots">強制這個 DIV 內的連結，都不啟用預覽功能 </div>



註：
snap 在他們的程式碼中有事先定義幾個 CSS 類別，你不用自己去定義這些類別。
若你的超連結己經有定義自己的 CSS 類別了，可以用空白的方式同時使用。
如：<a href="tw.yahoo.com" class="snap_shots my_css">Yahoo</a>