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

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

使用方法
LinkLook.jsjQueryから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」サンプル

sponsors

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

記事作成:
記事URL:

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