« 【執筆】お陰様でもう半年です。 | メイン | プレステ３と、Wiiの予約開始 »

2006年07月21日

【JS】アンカーにサムネイルを表示

linkthumbnail

最近、”Lightbox”などJavaScriptをつかって、少し面白い効果をWebページに与えるのが流行っているようですが、そのまた１つとして、アンカー要素にリンクサムネイルを入れるJS「Link Thumbnail」ってのがあるようです。
» arc90 lab : tools : Link Thumbnail

ここ「KOMOREBI||Blog」にも入れてみました。

やり方は至って簡単で・・・

  1. JSを上記Link Thumbnailサイトから落としてきて、header要素にJSファイルへのリンクを張り
  2. アンカー<a>要素に class="linkthumb" を追加する。

それだけ。
もしくは、「<script>arc90_linkThumbUseClassName = false;</script> 」 を追加すれば、全てのアンカー要素にサムネイルが表示されるようになる。
CSSの記述に画像へのリンクなどもあるので、CSSも追加しよう。

ただし、何でもかんでもアンカーにサムネイルが付いてしまうので、classを追加する方が使い勝手としては良いかもしれない。
それと、上記の追加行も属性もいれとかないとValidにならないので注意。と・・・一応書いとく？[謎]

この記事が為になった方は ⇒

投稿者 Manabu : 2006年07月21日 12:17 | 

Apple Store（Japan）  

トラックバック

このエントリーのトラックバックURL:
http://www.freesia.org/mt/mt-tb.cgi/211

コメント

>デジスケ構成員　水面の揺れ方!!さん > 名前から誰だか全然わからないんですが（汗） 楽しめてよかったです。前回の神埼先生のお話は滅多にきけない内容なので、運よかったと思いますよｗ

投稿者 管理者 : 2006年07月25日 11:25

css niteへの参加を勧めて頂きありがとうございます。 　 大変有意義な時間を過ごせました。 　 また、お伺いさせてもらえればと思います。 　 よろしくお願いします。 　 　 　 デジスケ構成員　水面の揺れ方!!　 　

投稿者 水面の揺れ方 : 2006年07月22日 04:15

コメントしてください




保存しますか?