The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers.

リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。
単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。



使い方

1. previewbubble.zip をダウンロード
2. previewbubble.js の var bubbleImagePath = '/images/bg.png'; の画像パスをあわせる  
3. <script type="text/javascript" src="previewbubble.js"></script> でJS読み込み  
4. class に previewlink を付与 <a class="previewlink" href="http://www.cnn.com">CNN</a>  

関連エントリ

• マウスオーバーでリンク先サムネイル表示
• ページのサムネイルorキャプチャをWEB上で作るサービスまとめ