あるページに画像を設置したいのですが、flashで制作する以外に解決方法がわからず、悩んでいます。
例)日本地図があり、九州にマウスを置くと博多●●ラーメン、北海道にマウスを置くと函館●●ラーメンの小さな写真が表示される。クリックしたら該当ページに飛ぶ。
マップのそばにある「カレー」ボタンを押すと、見た目は同じような日本地図だが、マウスを置いた時に東京●●カレー、神戸●●カレーなどが表示される。
つまり
・マップ上の特定箇所にマウスを置くと、ロールオーバーし、クリックすると該当ページに飛ぶ
・特定箇所は、1枚のマップ上に複数個所ある
・ページ内のマップ画像の部分だけが、別のマップ画像に切り替わるようにしたい
flashを使うと費用が高くなり過ぎるので、なんとかその他の方法で先方の要望を満たせないかと思って投稿させてもらいました。いろいろ自分でも調べてはいるのですが、、、何か方法はないものでしょうか?
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
趣味でHP製作をしているものです。
日本地図の画像を使ってクリッカブルマップでやってみては
どうでしょうか?
画像の中にリンクを作る方法です。
例えば画像の北海道のエリアを指定して、そのエリアにリンクを
貼るというものです。これはHTMLで処理できますので
簡単です。
この回答への補足
★今のところ考えている解決方法はこんな感じです、、、
・それぞれのマップ画像をスライスし、必要なイメージのみロールオーバー化&該当ページへのリンク
・このようなjavascriptでマップを切り替える
http://www.seiai.ed.jp/t2000/htm3/h12a04.html
(画像をスライスしたとなると画像点数が複数になるので、画像の切替ではなく、インラインフレームみたいな機能を使う?)
☆問題点
・上記の複数のjavascriptを併存させる方法が分からない
・javascript設定をoffにしているブラウザに対して有効ではない
う~むむ、、、例題は解けても応用問題が解けないのです
ご回答ありがとうございます。
しかし、、、
クリッカブルマップ自体は知っているのですが、他に挙げた条件を同時に実現させる方法が、見つけられないんです、、、。
1、http://www.seiai.ed.jp/t2000/htm3/h12a04.html
このように「ラーメンマップ」「カレーマップ」が同じ場所で切り替わり
2、それぞれのマップ上で、名古屋や北海道などにマウスを載せると地域名が反転して関連写真が見える(複数個所ロールオーバー?)
3、反転する箇所をクリックすると、該当ページへ飛ぶ(これがクリッカブルマップですね)
私の質問の書き方が伝わりにくかったかも知れません。
ご回答ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Visual Basic(VBA) VBA 画面上のカーソルに文字数字を入力するコードを教えて下さい 1 2022/10/30 10:31
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Google Maps パソコンの地図サイトなどで 3 2023/02/18 23:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
gif 画像上の ボタンに リン...
-
画像をフーリエ変換するソース...
-
【EXCEL VBA】ダブルクリックで...
-
Excel ユーザーフォームで表示...
-
こんなことてしますか??
-
スマホでサイトの画像を長押し→...
-
Pythonでgif画像が上手く作れない
-
画像処理したBitmapをピクチャ...
-
EXCEL VBA 複数のImageコントロ...
-
jqueryスライダーを2段でスライ...
-
VBA シート毎に画像挿入
-
画像のビット数を変更する方法
-
VBSでワードに画像を貼り付ける
-
VBAのユーザーフォームのイメー...
-
OpenCVで出力を24bitのbmpにす...
-
画像処理で画面からはみ出した...
-
UWSCの画像認識と条件分岐につ...
-
uwcs のマクロで画像認識をして...
-
JavaScriptでつくるマウススト...
-
Pythonのプログラム初心者の問題
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
こんなことてしますか??
-
【EXCEL VBA】ダブルクリックで...
-
Excelで画像URLを1つずつセル...
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
背景画像の繰り返しについて
-
Excel ユーザーフォームで表示...
-
gif 画像上の ボタンに リン...
-
VBA シート毎に画像挿入
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
ホームページバナーを(画像が...
-
「using Windows」でエラーが出る
-
スマホでサイトの画像を長押し→...
-
【WPF】画像の切り替え
-
PowerPoint VBA で画像の鮮明度...
-
画像のピクセルデータの取得
-
UWSCの色判定
-
UWSCを使った画像認証マク...
おすすめ情報