web-dev-qa-db-ja.com

drupalにイメージマップを追加するにはどうすればよいですか？

私は歴史についてのウェブサイトに取り組んでおり、このウェブサイトの地図がいくつかあります。

HTMLのmapタグを使用してimage（map）の一部を選択していますが、それをどのようにマージできますか<map>から<img> drupeによってアップロードされた

または、どのようにして画像アドレスを配置し、それにマップをマージできますか？

<img src="file:///C|/xampp/htdocs/geo/sites/default/files/field/image/aa.jpg"  alt="" width="800" height="531" usemap="#Map"/>
<map name="Map">
  <area shape="poly" coords="396,270,516,286,549,324,502,353,447,342,406,343,384,366,400,396,386,414,353,344,346,293,345,263,389,235,428,223,470,234,487,252,596,243" href="#">
</map>

drupalにリンクできるファイルのパス（アドレス）はどこにあるか）にリンクできます<img src=" I Mean here"/>

mediafilesuri
3
Mohammad Kermani

jQuery Map Hilight モジュールを試す

テーマファイルの編集やjavascript/jqueryの知識を必要とせずに、ホットスポットのマウスオーバーハイライトをHTML画像マップに簡単に追加できます。

特徴

  1. hTMLイメージマップを介してシンプルなインタラクティブグラフィックを提供します（フラッシュは不要）。
  2. 使いやすい：「すべてのイメージマップを強調表示する」のデフォルト設定を選択するか、強調表示する特定のイメージマップのタグにclass = "jq_maphilight"を追加します。
  3. jqueryまたはjavascriptの知識は必要ありません。プラグインの設定は、jqueryコードを入力する必要がなく、管理/設定画面を介して処理されます。
  4. 完全に構成可能：塗りつぶし、塗りつぶしの色、塗りつぶしの不透明度、輪郭、輪郭の色、輪郭の不透明度、輪郭の太さ、およびフェード効果のオプション。
  5. イメージマップごとの設定：クラスを追加して、イメージマップ固有のオプションを追加します。
2
Krishna Mohan