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で質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
字面がカッコいい英単語
あなたが思う「字面がカッコいい英単語」を教えてください。
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
イメージマップでマウスオーバーするとポップアップ
その他(プログラミング・Web制作)
-
クリッカブルマップにツールチップを実装したい
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iPhoneの内蔵の記憶媒体は、HDD...
-
スマホでtxtファイルを編集する...
-
PC内で速度を遅くした音源をCD...
-
エアコンの冷媒 R410Aの重...
-
Fortniteのクラッシュについて
-
e-taxで送信ファイルの拡張子が...
-
ドアスコープへの取り付けに向...
-
マイクロミニはいくつまで穿い...
-
ムービークリップをavi、movな...
-
デジタルピアノの購入
-
エクセルで「特定の文字を含む...
-
TextBoxにフォーカスを与えると...
-
フラッシュの設置
-
Photoshopで、白い画像の切り抜...
-
ビデオファイルのプロパティの...
-
VHDLを書くときのエディタにつ...
-
Ctrl+Cの動作をするvbs
-
サイトにあるFlashを編集?
-
ガラケーからPCへの写真の取り込み
-
エクセルのセルからフォーカス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PC内で速度を遅くした音源をCD...
-
個別に違う添付ファイルを付け...
-
A4の紙に印刷されている文字を...
-
e-taxで送信ファイルの拡張子が...
-
ガラケーからPCへの写真の取り込み
-
2枚、マイクロSDカードを入...
-
エクセルで「特定の文字を含む...
-
エアコンの冷媒 R410Aの重...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
情けない話ですが成田エクスプ...
-
ビデオファイルのプロパティの...
-
Fortniteのクラッシュについて
-
VBS フォルダ内にあるすべての...
-
カメラのフラッシュは大丈夫?
-
拡張子「.IDJ」を、windo...
-
スマホでtxtファイルを編集する...
-
VBA:カウンターの i の値が開放...
-
TextBoxにフォーカスを与えると...
-
ファイル数と合計サイズの取得方法
-
GIMP separate+プラグイン クラ...
おすすめ情報