リンク先のサムネイルを表示する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 にバージョンアップ

関連記事

• [jQuery]Sifr
• [jQuery]TweenBox
• [jQuery]highlight
• [jQuery]Pagination Plugin
• リンクにサムネイルを表示できる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」