画像にマウスオーバーするとメガネアイコンなんかを表示してくれる『imagelink.js』
January 26, 2008 11:26 PM written by Gen Taguchi

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

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

pic_a_1.gif

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

pic_a_2.gif

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

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

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

» Style Your Image Links | Css Globe

この記事のトラックバックURL (トラックバックは承認後に公開されます)

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

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

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

web daily life | 2008年02月16日 01:16

コメント一覧

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

by 通りすがり | 2008年01月28日 11:14

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.34

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.
Firefox meter