Link Thumbnail : 手軽にリンクサムネイル表示を実現するJavascript ライブラリ

Tweet

Pocket

リンクサムネイルを表示するJavascriptライブラリをご紹介します。
»arc90 lab : tools : Link Thumbnail

Link Thumbnailは導入も非常に簡単です。
»デモはこちら

ダウンロード

arc90 lab : tools : Link Thumbnailからzip形式のファイルをダウンロードできます。

HTMLコードの挿入

head要素

head要素内へ下記コードを記述します。

<script language="JavaScript" type="Text/JavaScript" src="●●●/arc90_linkthumb.js"></script>
<style type="text/css" media="screen">.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right; }</style>

アンカータグ(a要素)

a要素へclass=”linkthumb”を追加します。

<a href="リンク先URL" class="linkthumb">アンカー文字</a>