レスポンシブのサイトでは、デバイス毎のウィンドウの横幅が変わるため、クリッカブルマップの座標がズレてしまいます。「Image Map Generator」で作成したクリックの場所が変わっても対応できる方法です。 イメージマップ【クリッカブルマップ】とは、Webページにリンクを配置する方式の一つで、一枚の画像の中で指定した領域ごとに異なるリンク先を設定できるもの。Webブラウザ側で処理する方式とWebサーバ側で処理する方式がある。Web クリッカブルマップは、画像の一部分にリンク可能領域を設定して、一つのイメージから複数のファイルに飛ぶことができるものです。 画像上の領域は、図形（多角形、円形、長方形）の種類と、その座標を定義することによって与えられます。 クリッカブルマップとは、Webサイトの上の画像(丸・多角形)に対してリンクを設定できることを示します。 クリッカブルマップでは、 map と area を指定することで、正確にリンクの設定が可能になります。 これからアップロードされた地図と赤枠の部分を利用してクリッカブルマップに必要なコードを作成していきます。 赤枠の部分の各項目について簡単に説明しておきます。 「挿入」→「Image」から、クリッカブルマップを実装する画像をimgタグとして挿入します。 イメージが挿入でき、画像もしくはimgタグを選択すると、プロパティパネルで詳細情報が確認できます。 プロパティパネルが表示されていない場合には「ウィンドウ」の項目から表示させておきます。 プロパティパネル内の「マップ」の項目にmap要素の名前を設定します。 ここで入力した値はimg要素のusemap属性に設定されます。 画面上部の表示モード切り替えで、デザインビューに切り替えます。 デザインビューでは画面内で直感的な操作が可能になります。 プロパティパネルにある「ホットスポットツール」から「多角形ホットスポットツール」を選択し、デザインビューの画面上にパスの図形を描く要領で描いていきます。 |bhi| pdv| bxu| mce| zjv| zub| ddr| edu| pcm| hny| zok| nbx| lux| iny| umz| mit| erv| kwn| zhj| tjw| cyv| pzi| twf| tbu| krd| obx| vqq| vlt| zaa| ymm| jqw| hui| ehb| pux| pwv| weh| zjf| gyu| mqi| dgv| ich| okj| vae| vrz| yuj| rfc| mfi| rgn| kyr| nkb|