Home > 開発ツール・技術 > 画像にマウスオーバーするとメガネアイコンなんかを表示してくれる『imagelink.js』

画像にマウスオーバーするとメガネアイコンなんかを表示してくれる『imagelink.js』

この画像をクリックすると拡大画像が見れますよ、というときに便利そうなJavaScriptのライブラリ。

この画像にリンクが設定されているかどうかはマウスカーソルの形で判断したりしますが、こういう表示方法も直感的でいいですね。

pic_a_1.gif

↑ こういう画像にマウスオーバーすると・・・

pic_a_2.gif

↑ こんな感じにメガネアイコンを表示してくれます。クリックするとリンク先へ。

使い方は簡単で、imagelink.jsと画像ファイルを設置し、スクリプトを読み込むだけです。元のHTMLの方を変更する必要はないのでお手軽でいいですね。

ダウンロード&詳細は以下からどうぞ。

» Style Your Image Links | Css Globe

@taguchiをフォロー!
Twitterもやっています!
Posted on January 26th, 2008

Comments:2

通りすがり 08-01-28 (Mon) 11:14

メガネアイコンじゃなくて「虫眼鏡」アイコンじゃないの?

web daily life 08-02-16 (Sat) 1:16

サムネイルにマウスオーバーした時、拡大マークを表示してみる

より大きな写真にリンクしているサムネイルがある時に、マウスオーバーすると拡大マー…

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.ideaxidea.com/archives/2008/01/imagelinkjs.html/trackback
Listed below are links to weblogs that reference
画像にマウスオーバーするとメガネアイコンなんかを表示してくれる『imagelink.js』 from IDEA*IDEA ~ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > 画像にマウスオーバーするとメガネアイコンなんかを表示してくれる『imagelink.js』

最近の記事
カテゴリー別
過去記事一覧

Return to page top