it-swarm-ja.com

イメージマップ以外のWebページで不規則な形のクリック可能な領域を有効にする他のオプションはありますか?

私たちはいくつかの不規則な形の領域を持っています...米国の州の地図を想像してください。また、各州の内部に、グラフィックスとテキストを含む長方形の領域があることを想像してみてください。各状態をマウスオーバー/マウスアウト/クリックに反応させる必要があります。

まっすぐなHTMLページ(Flashなし)の場合、これを実装する方法はイメージマップ以外にありますか?

これが不可能な場合は、各状態内の長方形の領域をマウスイベントに反応させることも検討します。

2
milesmeow

「ストレートアップHTML」とは、Javascriptを使用できるという意味ですか?その場合は、SVGをラップする Raphael javascript library を検討してください。オーストラリアの郡(?)の例を含む、何ができるかについてのすばらしい概要については、彼らのホームページをチェックしてください。 http://raphaeljs.com/australia.html

processing.js を検討することもできます。これは、同様の視覚化ライブラリですが、SVGではなくキャンバスをラップします。

2
Rahul

最新のブラウザーでは、CSSスプライトと非常にクリーンなマークアップを使用して同じことを行うことができます。 A List Apartでこれらを使用するための素晴らしいチュートリアルを次に示します。記事全体を読みますが、「不規則な形状」のセクションを参照してください。

http://www.alistapart.com/articles/sprites

0
Jim Jarrett