チェックアウト私のjQueryプラグインImageMapsterを。正確にこれを行います:ハイライトされ、状態を維持できるイメージマップの領域を特定することができます。強調表示された領域のソースとして第2のイメージを使用すること、特定の状態で無視または修正されるべき領域を特定することを含む、ハイライトをレンダリングするための多くのオプションがあります。そのリンク上USAマップの例では:
- ワシントン州が恒久的に選択されている&が、これはちょうどそれかのようである(
- オレゴン州は、恒久的にイベントをマウスオーバーする を応答しない&を選択解除され マウスオーバーイベントに応答しません)マップ内の領域を含むが、それらをオフに しかし に理由があるかもしれないので、オプションはその場で変更することができます - 地図の一部ではありませんでした。
- アラスカは 選択不可である(ただし、イベントをマウスオーバーに応答ん)
また、各エリアのハイライトがあたり、エリア毎に表示方法を決定するオプションを割り当てることができます。
完全なドキュメントはgithubです。
あなただけがハイライトのための「代替画像」オプションを使用している場合、プラグインは、各ハイライトを作成するために、第二の画像の同じ領域からのコンテンツを描画する単一の代替画像が必要です。
これは、データソースとして任意のHTMLイメージマップで動作します。
イメージの一部にすることはできますか? (イメージマップのようなものです) –
ええと、私はそれを見ると、イメージマップはそれにはまったく使用できないでしょう。クリックされたシートと使用できないシートの組み合わせごとに別のイメージが必要になるからです。 私はこのようなものが必要だと考えていました: http://jsfiddle.net/kufi/frxqf/ – kufi
クリックしたときにセクションにクラスを追加すると思っていました。それはちょうど私が何かをシリアル化する必要があることを意味しますそのクラスをクリックして...私はそのリンクを見てみましょう –