Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

ツールチップでも十分にリンク先の情報を表示することはできます。
これに加えて、サムネイルも見られれば閲覧者にとって有意義かもしれません。
そんな機能をlinklookは、jQueryベースで作成しています。

使用方法
LinkLook.jsとjQueryからjquery.jsをダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/LinkLook.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function () {
$('対象要素').linklook();
});
</script>
あとはリンクを書けば完成です。
なお、このスクリプトはwww.websitethumbnails.netというサムネイル作成サイトを利用しています。
そのため、キャッシュされるまで表示されない場合があります。
リンク先のサムネイルを表示するjavascript「jLinkLook」サンプル

記事作成：2007年10月09日