問題タブ [imagemap]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jqueryを使用して画像マップの属性を切り替える必要があります-Jquery.removeAttr
画像マップonClickを無効にしようとしていますが、最終的には再クリックした場合に有効にしたいのですが、まず最初に。
したがって、imaegマップを無効にするには、マップをクリックしたときに画像から属性「usemap」を削除したいと思います。
ヘッダーでは、JQueryを呼び出しています。
そして、以下では.removeAttrを使用しようとしていますが、戻り値がありません。
テストサイトは次のとおりです：http：//quiznosforsale.com/open_house/
地図は一番下にあります、どんな提案でも大歓迎です！
javascript - ドラッグ ヘルパー div を使用してレイヤーをドラッグし、レイヤー内のイメージマップを、イメージマップの外側の領域が存在しないかのように動作させますか?
アイテムは x,y 座標で保存されます。div は [0,0] から始まり、 (ドラッグ可能になる).itemsの動きに基づいて再配置されます。.draggerユーザーがドラッグ/リリースを停止するたび.draggerに、画面の中央に再配置され、現在のビューポートにある次の x/y 座標アイテムを.itemsコンテナーに配置する AJAX 要求が行われます。
それが紹介です。
すべてのアイテム タイプにはイメージマップがあります (デフォルトの [ 0,0,12,12,15,15,20,25] スタイル)。.items読み込まれるすべてのアイテムに対して、これらの値を含む html イメージマップを追加します。
問題は、ユーザーがdivのみをホバリングしているかのように、イメージマップの外側のスペースを動作させたいことです。.dragger以下に CSS スタイルを追加しました。
- ドラッガー (カーソル:移動)
- イメージマップ (カーソル:ポインタ)
マウスをイメージマップのすぐ外側に置くと（ただし、まだ画像上にありますが、透明なpngであるため、.draggerdivをホバリングしていると思います）、カーソルはポインターから移動カーソルに移動しませんが、ポインターから通常の矢。画像境界の外側でのみ移動カーソルに変わります。そして、（イメージマップの外側のイメージ上で）ドラッグしようとすると、アイテムイメージをコピー/ドラッグします（で使用されるjQueryドラッグではなく、ブラウザ統合ドラッグ.dragger）。
.draggerヘルパーが必要で、その.items動きに基づいて div を再配置します。カーソル/ドラッグ動作は可能ですか?
c# - ナビゲーション メニューに ImageMap を使用することは良い習慣と考えられていますか?
ImageMap を使用してナビゲーション メニューを作成する必要がありますか?
asp.net - 画像マップ上のハイライトポイント
画像マップで作業しています。画像にポイントがあります。ボタンをクリックするとポイントの1つにマークを付けたいです。また、画像はサイズ変更可能/動的であるため、画像サイズごとに座標を制御する方法を教えてください。変更されます。
どんな種類の助けにも感謝します。
wpf - 画像上にクリック可能な領域をプログラムで作成する
コードビハインドを使用して、wpf の画像に「イメージマップ」を作成しようとしています。
次の XML を参照してください。
これを WPF アプリの特定の画像のボタンに変換しようとしています。
私はすでにこれの一部を行っていますが、ポリゴンをボタンの「テンプレート」として設定することに固執しています:
このボタンを画像に追加/画像から削除する方法もわかりませんが、調べています。
どんな助けでも大歓迎です。
javascript - usemap 属性を持つ画像を見つける jQuery セレクターの問題
ページにイメージ マップがあります。
このマップを使用してドキュメント内の画像を見つけようとする関数があります。
画像が見つかりません。
Could not find image using img [usemap=\#map_books]
ハッシュで始まり、さまざまなセレクターを試したelemIdため、エスケープしました。
画像も見つかりません。何か案は？
javascript - HTML/JavaScript: イメージ マップのマウスオーバー効果?
私は非営利団体のウェブサイトを運営して支援しようとしています。彼らは自分たちのロゴが HTML イメージ マップとして機能することを (うーん) 望んでいます。つまり、ロゴの別の部分をクリックすると、別の Web ページに移動します。ただし、マウスオーバー効果も必要です。イメージマップの特定の部分にマウスオーバーすると、グラフィックのその部分が強調表示される必要があります。
ロゴが単純な場合は、それを長方形にスライスし、マウスオーバー イベントとクリック イベントを適切な長方形にアタッチします。ただし、ロゴが複雑なため、これは不可能です。
Flash なしでこのようなことをした人はいますか? 私は Flash 開発者ではありませんが、これは HTML/JavaScript だけでは非常に難しい作業のように見えます。
何か案は？ありがとう！
java - Java 6 でゲーム ボード用のイメージ マップ型インターフェイスを実装する方法
学校での私のグループ プロジェクトは、学生がコースを購入してさまざまなマスに着陸し、ボード上を移動できる独占スタイルを実装することです。これは通常の正方形のボードではないので、完全な正方形ではない多くのクリック可能な領域を作成するために、イメージ マップなどを実装する方法について何かアイデアがあるかどうか疑問に思っていました。ゲームボードの画像を添付しました。私たちはJavaをよく知っているので、多くのコードなどではなく、ただ開始する方法が必要です。誰かが素晴らしいアイデアを持っているなら。
ボードの画像はこちら。
javascript - イメージマップでどの画像がクリックされたかを検出する
同じイメージマップを共有する複数の画像がある場合、ユーザーが画像をクリックしたときにどの画像がクリックされたかを検出する方法はありますか?
建物 (単純な画像) がマップ上に配置され、ドラッグできる小さな JavaScript アプリを作成しました。ユーザーが建物をクリックすると、e.target を使用して建物を簡単に取得し、ドラッグすることができます。ただし、(クリックの精度を上げるために) イメージマップを追加すると、e.target が機能しなくなります。どの画像がクリックされたかを知る方法はまだありますか? その画像がイメージマップを使用している場合、JavaScriptが画像がクリックされたことを検出できないのは少し奇妙に思えますか?
では、2 つの画像があり、両方とも usemap="samemap" を使用している場合、imagemap がトリガーされたときに 2 つの画像のどちらがクリックされたかを調べるにはどうすればよいでしょうか?
javascript - 米国のクリック可能なイメージマップを作成する最も簡単な方法
米国のクリック可能なイメージマップを作成する最も簡単な方法は何ですか? これに利用できるjqueryプラグインはありますか?
ありがとう