前の記事 ≪:色々と使えそうなフリーのUIエレメントPSD70種
次の記事 ≫:PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい!

次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」

2011年05月30日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
ImageMapster

次世代のイメージマップを実現できるjQueryプラグイン
<map> と <area> タグを使って画像上の好きな位置、形でリンクを貼ることができますが、あのイメージマップをjQueryによって次世代にしてしまうプラグインが登場



イメージマップのエリア上をハイライトさせ、背景画像を別のものに差し替えるという効果をつけられます。(別画像はオプション指定)
画像の位置とリンクを関連付けるだけという味気ないWeb1.0なインタフェースをこのプラグインが少しだけリッチにしてくれます。

イメージマップってあまり使うことはありませんが、いざ仕事でこうしたUIが必要で、使わなきゃとなった時に、こんなことも出来るということを知っておくとありがたがられるかもしれませんね。

関連エントリ
関連の記事検索:jQuery, JavaScript, プラグイン, マップ
スポンサード リンク

By.KJ : 2011年05月30日 09:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)