リンク先のスクリーンショットを表示するjavascript「websnapr」

ワンクリック詐欺の危険性がある昨今はリンク先に不安を与えないようスクリーンショットを見せるサイトがあります。
websnaprは、手軽にリンク先をちら見できるサービスを提供しています。

使用方法
websnaprからpreviewbubble.jsとbg.pngをダウンロードします。
また当サービスには事前の無料登録が必要です。
登録からemail、url、passwordを入力します。
送られてきたメールのアドレスをクリックすれば、登録完了です。
なお、クリックしたページには、keyが表示されます。
次に、previewbubble.js内の10行目と13行目を変更します。
var bubbleImagePath = 'http://yourdomain/bg.png';
var developerKey = 'key';
としてください。
<script src="http://yourdomian/previewbubble.js" type="text/javascript"></script>
上記を記述し、あとはリンクにclass="previewlink"を付与してください。
<a class="previewlink" href="リンク先">テキスト</a>
リンク先のスクリーンショットを表示するjavascript「websnapr」サンプル

2008年02月01日

前の記事：JavaScriptライブラリ「mootools」をマスターするためのサイト14
次の記事：フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」

関連記事

• [jQuery]Pagination Plugin
• cookieで閲覧経路を特定するjavascript「CookieCrumbs」
• javascriptライブラリ「mootools」でリンクを目立たせる
• div要素もまとめてリンクにするjavascript「Link Boxes」
• リンクにサムネイルを表示できるjavascript「Link Thumbnail」

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」