2006年12月20日 14:03

Link thumb

雑誌でみかけた、Ajaxの
Link Thumbライブラリ。

右の下の方にある外部サイトへのリンクに適用してみました。
マウスをロールオーバーさせると、サムネールのあるサイトについては、下にサムネールが表示されます。

これを使ってみたのですが、簡単ですねー。
ライブラリをダウンロードし、HTML内に＜script＞で記述。

CSSで各種設定を記述

.arc90_linkpic {
display: none;
position: absolute;
left: 0;
top: 1.5em;
width: 160px;
height: 120px;
}
.arc90_linkpicIMG {
padding: 0 4px 4px 0;
background: transparent url(linkpic_shadow.gif) no-repeat bottom right;
width: 160px;
height: 120px;
}

で、サムネイル表示させたいところにクラス指定。
＜a href="" class="lnkthumb"＞----＜/a＞

これで該当部分がサムネイル表示されるようになります。

ちなみにこれはサムネイルを保存しているサ−バーがあって、そこへサムネイル画像を探しに行っているみたいです。

投稿者: Hi-Farm 日時: 2006年12月20日 14:03 | パーマリンク