問題タブ [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.

0 投票する
6 に答える
8671 参照

javascript - 画像マップのプロットポイント

Webページの画像マップに自動領域強調表示を追加したい。mapper.jsライブラリはこれを実現するのに非常に便利ですが、地域の地図の周りにx、yプロットを作成するには非常に時間がかかります。

地域の地図に見られるような不規則なポリゴンの境界座標を作成する簡単な方法はありますか?

編集
これを行う方法が必要です。私はWindowsPCにFireworks8とphotoshopCS3を持っていますが、Fireworksに精通しています。

マーキーを作成する場合は、右クリック>[マーキーの変更]>[パスに変換]を選択できます。これにより、いくつかのポイントを持つパスが作成されますが、それらのポイントの座標を抽出する次のステップに進む方法がわかりません。

ホットスポット、ポリゴンスライスを挿入してから、「htmlと画像」にエクスポートしてみました。これらは両方とも、ポリゴンではなく、正方形のホットスポットを提供します。また、パスを右クリックして、[編集]> [パスのアウトラインをコピー]、および[編集]>[HTMLコードをコピー]を試してみました。どちらもポリゴン座標を教えてくれません。

スライスのポリゴン座標しか取得できません。Fireworks 8でパスをスライスに変換する方法はありますか?

0 投票する
1 に答える
421 参照

javascript - イメージ マップをリンクして、ブラウズ ファイル コントローラーを開くことはできますか?

ユーザーがアプリのタブ 1 で画像をクリックすると、ファイル ブラウザーが開き、写真をアップロードできるようになります。これは可能ですか??

0 投票する
4 に答える
16080 参照

javascript - JavaScript で画像の一部を強調表示する

私は、ユーザーがイメージ マップを使用してさまざまなリンクをクリックできる小さな Web ページを運営しています。ユーザーがユーザーにフィードバックを提供するためにクリックするセクションを強調したいと思います (ユーザーはいくつかの異なる部分をすばやくクリックしている可能性があります)。

画像 JavaScript の小さなセクションを反転 (または強調表示) する方法はありますか?

0 投票する
1 に答える
1817 参照

javascript - 画像マップで画像のIDを取得する方法 マウスオーバー

同じイメージ マップを使用する 2 つのイメージがあるとします。

testFunction() 内のイメージ (この場合は image1|image2) の ID を取得する方法はありますか?

0 投票する
1 に答える
1550 参照

safari - Safariでイメージマップを修正するには? ページをズームすると壊れる

Safari 4 には明らかにイメージマップに関する深刻なバグがあります。ページが 100% 以外にズームされると、クリック可能な領域が登録されなくなります。イメージ マップがほとんど使用できなくなります。

これは私のページではありませんが、問題を示しています。サファリでズームインまたはズームアウトしてから、シェイプをクリックします: http://www.elated.com/articles/creating-image-maps/

画像マップは土のように古く、それらを css 配置リンクに変更すると、非正方形の領域を持つことができなくなります。誰かが回避策を知っていますか?

0 投票する
6 に答える
8538 参照

html - イメージマップを視覚化/デバッグする方法は?

私が持っているグラフ ツールのイメージマップを動的に生成しています。

すべてが正しい座標で生成されていることを確認できるように、エリア タグに境界線または色を設定できるようにしたいと考えていましたが、少し調査したところ、これは不可能であることがわかりました。

私のイメージマップが正しいことを確認する最も簡単な方法は何ですか? 領域を「視覚化」するブラウザ ツールはありますか?

0 投票する
1 に答える
1508 参照

javascript - アンカー タグとイメージ マップ

アンカー タグをイメージ マップに関連付けるにはどうすればよいですか?

アンカータグにカーソルを合わせると、画像上のマップされた領域が選択されるはずです。

http://myffi.biz/のようなもの。これはフラッシュですが、イメージ マップを使用してこれを行うことはできますか? リンクにカーソルを合わせると、画像上のマップされた領域が選択されます。

これは可能ですか?私は明確であることを願っています

0 投票する
5 に答える
10439 参照

javascript - jQuery 軽量ツールチップ スクリプトの推奨事項

軽量で画像マップで簡単に使用できるツールチップ用の軽量 jQuery スクリプトを探しています...理想的には、各エリア タグの「タイトル」をツールチップとして自動的に取得します。これが問題である理由は、何百もの領域 (世界地図) があり、各ツールチップのコード行がすぐにファイル サイズに加算されるためです。

qTipはこれを行うことができます...しかし、その38kbは...jQuery自体よりも大きいです。推奨事項はありますか?

0 投票する
1 に答える
913 参照

javascript - Javascript で生成されたイメージ マップがどの IE でもリンクしない

この静的バージョンでは、どのブラウザーでも、閉じる領域をクリックしてhttp://www.google.comにジャンプできます。

この動的バージョンは同一である必要があり、IE6、IE7、および IE8 を除くすべてのブラウザーに含まれています。IE では、マップは効果がありません。

IE で Javascript によって生成されたイメージ マップを作成する方法はありますか? 私はすでに試し$(document.ready(...ました。

0 投票する
2 に答える
264 参照

javascript - javascriptと画像マップの質問

私は告白します、私はjavascriptの初心者です。現在のタスクのパート1は、ユーザーが最初の.pngの左上隅にマウスを置いたときに、.pngファイルを別の.pngに置き換えようとしていることです。マウスをオフにすると、.pngを最初の.pngファイルに戻す必要があります。

これを実現するために、イメージマップとJavaスクリプトを使用しようとしています。17行目に次のエラーが表示されます。

17行目は、以下の「area coords=...」行です。

私は単純な何かを見逃しているに違いないことを知っています。よろしくお願いします。

マイク