問題タブ [imagemapster]
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.
javascript - Image Mapster を JS スライドショーに組み込む
各画像に関連付けられた画像マップを含むJavaScriptスライドショーがあります。ここで例を参照してください。
イメージ マップの使いやすさを向上させるために、jquery プラグイン ImageMapster を組み込みたいと考えています。画像が HTML で直接提供されている場合は ImageMapster 関数を機能させることができますが (こちらを参照)、画像が JavaScript によって挿入された場合は機能しません (最初の例のように)。
新しい画像が呼び出されるたびに呼び出されるように、imagemapster スクリプトをスライドショー スクリプトに埋め込む必要があると思います。残念ながら、これを行う方法がわかりません。関連するhtmlとJSは次のとおりです
HTML
スライドショー JS:
何かご意見は？
jquery - ImageMapster - マウスオーバー時にツールチップが表示されない
ImageMapster JQuery プラグインの使用を開始しましたが、すぐに行き詰まりました。領域にカーソルを合わせるとツールチップが表示されるようにしたいのですが、うまくいきません。「id」パラメーターをエリア キーとして使用し、id=「sam」のエリアにマウスをポイントしたときにツールチップが表示されるようにしたいと考えています。
これは私のコードです。非常に単純で、何が間違っているのかわかりません。誰でも私を助けることができますか？問題は ImageMapster 自体にあるわけではなく、他の機能も動作します。ありがとうございました
jquery - imagemapster と xsl を結合しようとしましたが、結果はありませんでした
imagemapster の jquery を適切にリンクしたのは、body タグの内側だけで、関連する部分だけですが、<head>結果が表示されません (私は Firefox を使用しています)。
おそらく単なる見落としか、何かを見逃していましたが、助けてください。
jquery - Mapster プラグイン jQuery
宣言されたエリアIDなしで、マップエリアに「クリック時」のイベントを設定する必要があります。私の国の地図には、次のような id を持つ 5 つのエリアがあります。
JSには機能があります：
ID のあるエリアをクリックすると、アラートが表示されます。
宣言されたエリア座標、エリアIDなどのないマップの残りの部分はどうですか? 「クリック時」にイベントを設定するには？誰かがエリア外の地図をクリックしたときにアラートを受け取る必要があります。
javascript - highslide を使用してポップアップを imagemapster でマッピングされた画像に統合しようとしています
そのため、作成したページで imagemapster を使用して、マウス ホバー時にイメージ マップの領域を変更しています。クリックするとポップアップが表示され、ハイスライドを使用してこれを実行する予定ですが、これを実装する方法に苦労しています。私の現在のコードは次のようになります。
ハイラインコードを追加しようとすることについて少し
イメージ マップへの挿入は遠回りでしたが、考えられる最も論理的な href 挿入ポイントだったので試してみました。明らかにうまくいきませんでした。これを支援するのに十分なハイラインとイメージマップスターに精通している人はいますか、または少なくとも可能な解決策についての手がかりを持っていますか? ありがとう。
javascript - Imagemapster で OnClick を使用して、イメージ マップ領域から Fancybox-2 ポップアップを呼び出すにはどうすればよいですか?
私のjavascriptの基礎は非常に貧弱であると言って序文にしたいと思います。これは基本的に私が解決しようとした最初の複雑な問題なので、ここでの問題が明白な構文の無知である場合、私は驚かないでしょうが、優しくしてください.
そこで、Imagemapster を使用して、イメージマップでホバー効果を実行しています。また、イメージマップのさまざまな領域をクリックしてポップアップを開きたいのですが、Highslide をあきらめた後、Fancybox-2 でこれを実行しようとしています。
通常、Imagemapster は領域をクリックするアクションをリンクとして使用することを禁止しており、これを無効にするには、次のようなものを手動で挿入する必要があることを認識しています。
そして、これを次のような条件に使用している人々のコードスニペットを見てきました。
したがって、これを意味のある方法で壊すプロセスを通じて、fancybox の呼び出しをこの「go」関数に挿入しようとしてきました。おそらくこれが私の問題の鍵であると考えています。しかし、現在のところ、私の速報はどれも多くの洞察をもたらしていません。また、私が言ったように、私は自分の問題がどこにあるのかを理解するのに十分な JavaScript についてよく知りません。
現在、私のコードは次のとおりです。
(暗黙的には、jquery、fancybox、および imagemapster のすべてのインクルードです)
その 1 つの class="fancybox" ビジネスは私のテスト領域です。その目的は、その領域をクリックすると、href で指定された画像が fancybox ポップアップで開くことです。
JavaScript で onClick からすべてを省略した場合、Imagemapster は正常に動作します。現在、imagemapster は動作せず、リンクも機能しますが、通常のリンクのように画像を開くだけで、ポップアップは表示されません。
手がかりはありますか？