jquery - JqueryMaphighlight背景の一部を変更する方法

Question

これはwww.booking.comで見つけたので、コピーしたいと思います。だから私は自分のプロジェクトにmaphilightを取得します。

しかし、マウスオーバー/クリック中に別の背景を変更する方法がわかりません

クリックすると、選択した部分が黄色に変わります。

マウスを重ねている間、青いものが表示されます。

最後の画像は私が実装したものです。

Answer 1

imagemapでそれを行うことができます。この 2 つの imagemap ライブラリを確認してください。

• http://www.outsharked.com/imagemapster/
• http://www.netzgesta.de/mapper/

ソース画像がゾーンを含む SVG 画像である場合、通常はwikipediaで見つけられるようなもので、次のスクリプトを使用してそれらをイメージマップに変換できます。

• http://code.google.com/p/svg2imap/
• http://davidlynch.org/blog/2008/03/creating-an-image-map-from-svg/

また、プレーンな画像ファイルからゾーンをマークする必要がある場合は、Gimp を使用して実行できます。

• http://www.makeuseof.com/tag/create-image-map-gimp/

または、シェアウェア Windows プログラムMapEditを使用することもできます(完全に機能する 30 日間) 。