問題タブ [imagemapster]

ImageMapster ライブラリを使用していますが、アイテム選択の反転効果を使用したいと考えています。選択した領域以外のすべての画像を暗くしたい (画像を暗くしたい)。選択した領域はそのままカラフルになります。

これを行う方法？

私は ImageMapster を使用しており、次のような配列に定義されている特定の領域を選択したいと考えています。

しかし、FORに問題があります...その場合、どのように機能しますか?

私はこのフィドルのフォークに取り組んできました- すべての小道具は元の作者に送られます。

ImageMapster と連携して、イメージ マップにカーソルを合わせると html リスト アイテムが強調表示され、逆に、リスト アイテムにカーソルを合わせると適切な画像マップが強調表示されるように設計されています。ご想像のとおり、適切な場所にクラスを追加および削除することで機能します。

メニュー項目のアンカーとそのリスト項目ラッパーの両方に独自のクラスを多数追加する Drupal 7 でそのコード (およびそのバリエーション) を使用しようとしています。その余分なマークアップが上記のスクリプトで問題を引き起こしているため、頭を悩ませています。

たくさんの試行錯誤を経て (私は JS があまり得意ではありません!)、特に Drupal が「menu-depth-1」のクラスを li に追加すると、スクリプトが失われ、エラーがスローされることに気付きました。 (Chrome から):

上記のスクリプトのこのフォークで、追加したのは Drupal が追加するマークアップだけです。

http://jsfiddle.net/PUncle/Tr4hE/32/

元のスクリプトを次のように変更します。

に：

私が理解している限り、スクリプトはハイフン付きのセレクターを探しており、目的の「menu-item-a」に到達する前に「menu-depth-1」に遭遇すると失敗します。

特にスクリプトのこの部分に問題があると思いますが、何を試しても修正方法がわかりません。

私がする必要があるのは、スクリプトを「強化」して、特定のセレクターを非常に明確にターゲットにし、他のものを無視することです。

私は Drupals の過剰なメニュー マークアップをクリーンアップする道をたどり始めましたが、「鈍い」コードへの道を切り開くことは、そのコードを鋭くして他に影響を及ぼさないようにすることほど効果的ではないと判断しました!

任意のポインタをいただければ幸いです。

私はイメージマップを試していました。問題に遭遇しました：クリックした領域自体の画像を変更できません。1 つを除いて、他の領域のみが機能します。これを解決するには？

エリアをクリックしたときにJS関数を呼び出しています（画像は変化しません;エリア2、エリア3などで正常に動作します.

ありがとう

ツールチップを領域の隅ではなく、マウスが現在ある場所のすぐ上に表示する方法があるかどうか疑問に思っていました。したがって、マウスがアクティブな間、マウスを「追従」する必要があります。

誰かがこのようなことをしているサンプルコードを持っているなら、私は本当に感謝しています.