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

リンク先のサムネイルを表示するjavascript「jLinkLook」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ツールチップでも十分にリンク先の情報を表示することはできます。
これに加えて、サムネイルも見られれば閲覧者にとって有意義かもしれません。
そんな機能を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日

前の記事：Movable Type 4.0.1 にバージョンアップ
次の記事：Movable Type 4.0.1 にバージョンアップ