Webデザインを勉強中の者です。
間取り図の各部屋の上にマウスをポイントすると、各部屋の画像を表示させる
というようなことがしたいのですが、検索しても、
なかなかコレといった情報を見つけられずに苦戦しております・・
<map><area></map>で、形状・座標等を指定し、
別ウィンドウで画像を表示させることは出来たのですが、そうではなく、
間取り図上で、マウスをポイントしている間だけ各部屋の画像を表示するようにしたいです。
javascript(jquery)は、まだよく分かりません・・
こんな初心者ですが、こんな方法はどう?もしくは、こんな参考サイトあるよ!
など教えていただけましたら、たいへん有難いです。
OS:Windows7、バージョン:HTML5、エディター:Dreamweaver CCを使用しております。
よろしくお願いいたします。。
No.1ベストアンサー
- 回答日時:
これとか。
http://tenderfeel.xsrv.jp/jquery/292/
必要なのは「jquery.js」と「tooltip_jq.js」。
この2つのJSファイルは上記サイトから借りれば良いと思います。
サンプルページ作ってみました。
http://www13.plala.or.jp/torayoshi/sample/index. …
torayoshi様
参考サイトのご紹介と、サンプルページまで作成してくださり、ありがとうございます!
まさに、これがやりたかったことでした。ツールチップというのですね。
ご紹介いただいたサイトと作成していただいたページのコードを参考に試してみましたが、
まだ実現できておりません・・
間違い探し、もう少し頑張ってみます。。(汗)
取り急ぎ、お礼申し上げます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Yahoo!メール Aliexpressから送られてくる画像メールの画像が表示されない 1 2022/05/30 09:10
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- Windows 10 パソコンの起動時、画面が黒いままのトラブルにつきまして。 4 2022/10/02 18:02
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- Excel(エクセル) Excel(エクセル)でフィルター抽出後、非表示の行を計算しないで、合計を算出する方法 【内容】 添 4 2023/01/30 17:17
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
エクセルで「特定の文字を含む...
-
スマホでtxtファイルを編集する...
-
e-taxで送信ファイルの拡張子が...
-
stdio.hの中身
-
PC内で速度を遅くした音源をCD...
-
情けない話ですが成田エクスプ...
-
A4の紙に印刷されている文字を...
-
エアコンの冷媒 R410Aの重...
-
リストビューの選択状態を取得...
-
拡張子「.IDJ」を、windo...
-
パソコン名、IPアドレスをH...
-
ファイル数と合計サイズの取得方法
-
フラッシュ画像の設定について
-
ドアスコープが取れない
-
コードの一部を外だしにする方...
-
garagebandのLR Mixの方法について
-
[IE5.5]INPUT TYPE=FILEのREADO...
-
ガラケーからPCへの写真の取り込み
-
複数のブックを新しいブックのS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
A4の紙に印刷されている文字を...
-
e-taxで送信ファイルの拡張子が...
-
エクセルで「特定の文字を含む...
-
スマホでtxtファイルを編集する...
-
ガラケーからPCへの写真の取り込み
-
PC内で速度を遅くした音源をCD...
-
VBS フォルダ内にあるすべての...
-
エアコンの冷媒 R410Aの重...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
stdio.hの中身
-
ビデオファイルのプロパティの...
-
ファイル数と合計サイズの取得方法
-
2枚、マイクロSDカードを入...
-
拡張子「.IDJ」を、windo...
-
プロ野球の結果を教えてください
-
複数のブックを新しいブックのS...
-
VBA:カウンターの i の値が開放...
-
SDカードを挿してるのに挿入し...
-
リストビューの選択状態を取得...
おすすめ情報