« Remember the MilkをGmailに統合するFirefox拡張がリリースされた | メイン | バロック調スターウォーズ »

2007年12月20日

mapper.js 地図ハイライトなどに使えるJavascriptライブラリ

via Ajaxian

mapper.jsは、画像上のエリアハイライトを簡単に実現するJavascriptライブラリだ。

Firefox, IE, Opera, Safariに対応している。

手順としては、

  • 画像ファイルを一つ用意して、マウスを置いたときに起こしたい効果をクラス名であたえる。
  • イメージマップのmapタグ、areaタグでハイライトさせたりエリアを指定する

でおしまい。あとはライブラリがよしなに計らって、マウスを置くとハイライトしてくれる。サンプルから一つを下に貼ってみた。


置換するイメージをたくさん用意する方式とは違うので、任意の別のイメージを表示させたりはこのライブラリだけではできないけれど、このサンプルのような変化で十分な場合には使えるなと思った。

ライセンスは、非商用と個人利用は無料。商用利用は商用ライセンスが別に存在する。

投稿者 秋元 : 2007年12月20日 16:25

トラックバック

このエントリーのトラックバックURL:
http://labs.cybozu.co.jp/cgi-bin/mt-admin/mt-tbp.cgi/1713

 
mg src="http://img.awasete.com/image.phtml?u=http%3A%2F%2Flabs.cybozu.co.jp%2Fblog%2Fakky%2F" width="160" height="140" alt="あわせて読みたい" border="0">

著書

PHPxWebServiceAPIConnections.jpg

プロフィール

週三日勤務で、残りは個人で活動しています