skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

リンク先のスクリーンショットを表示する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」