- ベストアンサー
エリアを指定して吹き出しを出したい。
ホームページを作成中です。 画像（図の緑）の一部分をマップのエリアで指定して（図の赤）、その場所にマウスが乗ったら、拡大画像を吹出しの様に（図の黄）近くに出す方法を教えてください。宜しくお願いします。
- wagasi-love
- お礼率84% (11/13)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- zozokegatatu
- ベストアンサー率25% (379/1495)
ＨＴＭＬだけで？ ソレともＦＬＡＳＨを使って？
補足
言葉が足りず申し訳ありません。 FLASHは避けたいと思っています。 HTMLのみでできるのなら、それで。 もし、だめそうなら、JavaScriptとかで教えてもらえると 大変助かります。 よろしくお願いします。
関連するQ&A
- 「画像の吹き出し」 方法
お世話になります。ホームページ・ビルダー１０を使ってます。昨日見つけたサイトを本日はどうしても探し出せず、URL を示すことができません。そのサイトの動作は ハイキングコース画像上に ■ 印が点々とあって ■ にカーソルを乗せると文字が吹き出します。カーソルを外すと消えます。 ■ をクリックすると画像が吹き出します。吹き出し枠の右上にある × 印をクリックすると消えます。 小生、文字の吹き出しは <map><area title="吹き出し文字列"></map> でやってますが、（別ページの表示ではない） 画像の吹き出しは初めて見ました。どうすれば実現できるかご教示ください。
- 締切済み
- ホームページ作成ソフト
- Googleマップの吹き出しを消したい
Googleマップをカスタマイズして235px×180pxの小さいマップを作成したところ、吹き出しでほとんど地図が見えません。吹き出しを消して見てみると、カスタマイズして作成した地図の場所がずれてしまいます。 最初からこの吹き出しを消してカスタマイズしたいのですが、方法がわかれば教えてください。htmlコードは吹き出し「あり」と「なし」では変わりますが、「なし」のほうのコードでも実際にアップされると吹き出しが出てきます。よろしくお願いいたします。
- 締切済み
- その他（インターネット・Webサービス）
- 吹き出しに画像とコメントを入れるプログラム
下記のプログラムで吹き出しを作成して 画像とコメントを表示したいのですが なかなか出来ず困っております。 方法がありましたらよろしくお願いいたします。 <img src="画像名" usemap="#map" border="0"> <map name="map"> <area shape="rect" coords="305,60,390,126" href="アドレス" alt="北海道"> <area shape="rect" coords="288,151,331,181" href="アドレス" alt="青森"> <area shape="rect" coords="280,181,311,221" href="アドレス" alt="秋田"> <area shape="rect" coords="310,181,341,221" href="アドレス" alt="岩手"> <area shape="rect" coords="275,221,305,245" href="アドレス" </map>
- ベストアンサー
- JavaScript
- ロールオーバーで吹き出しをつけたい
お世話になっております。カテ違いでしたらすみません。 顔写真が横3つ縦3つと複数配置してあるホームページを作ろうとしています。マウスオーバーしたときに写真1つ1つから吹き出しが出るようにしたいのですが、これはjavascriptで作るのでしょうか？それともFlashでしょうか？ 普通のjavascriptのロールオーバーは作ったことがあるのですが、今回はマウスポイント前(写真のみ)と後(写真＋吹き出し)で画像の大きさが変わってしまうので、できるのか悩んでいます。(同じ写真のまま吹き出しだけが出るようにしたいのです) 計6枚の写真それぞれから吹き出しが出るようにしたいと思っています。所有ソフトはXP環境でDreamweaver8とFlash8です。どうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- html オンマウスで変化する画像の位置の指定方法
よくHPなどで使われるオンマウスによって変化する画像。 私は今その変化する画像の位置を指定のに苦労しています。 画像が添付してあると思われます。 今現在こういった感じになっています。 緑・・・オンマウス位置 赤・・・オンマウスによる画像表示位置 青・・・現在のオンマウス位置 黄・・・現在のオンマウスによる画像表示位置 私はこの青、黄を緑、赤の場所まで移動させたいと思っています。 http://copicopi.com/onmousepic.html こちらのサイトのオンマウス画像4を参考にしています。 また、たまに表示される画像が激しく点滅する事もあります。 どういった風に書き換えれば位置を綺麗に指定する事ができるのでしょうか。 教えて頂けると幸いです。
- ベストアンサー
- HTML
- googleマップで、吹き出しの中に任意の文字と写真を入れる方法‥
googleマップで、自分のホームページに地図と、それに関するちょっとした情報＋写真を吹き出しの中に入れたいと思っています。 情報共有サイトならそういうサービスが見つかったのですが、自分のサイト上や、直リンクでそういう地図を見たいと思っておりますが、そのようなことは可能でしょうか。 出来ればgoogleマップ純正（？）のような白い吹き出しでの中に、その情報と写真を入れたいと思っています。 あと出来れば簡単に作成できれば言うことナシ！です。 そんな都合のいいものあるかどうか分かりませんが、どうぞお教えください。 宜しくお願い致します。
- 締切済み
- その他([技術者向] コンピューター)
- 画像にエリア指定をしてマウスオーバーすると画像が変わり、さらにそのマウ
画像にエリア指定をしてマウスオーバーすると画像が変わり、さらにそのマウスオーバーがフェードで切り替わるということはできないでしょうか？ 画像にエリア指定をしてマウスオーバーすると画像が変わるということはできたのですが その画像の切り替えをフェードでできないでしょうか 問題のコードです <script>function over(num){ document.getElementById("mg").src="site02/ex/ex_top03"+num+".jpg" } function out(){ document.getElementById("mg").src="site02/ex/ex_top03.jpg" } </script> <div id="main_content_ex"> <img id="mg" src="site02/ex/ex_top03.jpg" usemap="#hisigata" border="0" /> <map name ="hisigata"> <area shape="rect" coords="10,498,149,532" href="site02/lightbox/ex.htm" onmouseover="over(1)" onmouseout="out()"> <area shape="rect" coords="582,468,790,496" onmouseover="over(2)" onmouseout="out()"> <area shape="rect" coords="800,465,932,493" onmouseover="over(3)" onmouseout="out()"></div> jQueryなどのフェードのエフェクトを使用しようかとも思ったのですが、javascriptでmouseOverの画像を指定しているためどう書いていいかわからなくなってしまいました こういう質問のしかたで大変恐縮なのですが 誰かご教授願えないでしょうか？？ scriptもjQueryも基本を理解できておらず、大変困っています。 大変申し訳ありませんが、お願いいたします。
- ベストアンサー
- JavaScript
- 判断範囲で条件に合ったものの内の指定数字以上のカウント方法。
初めまして、よろしくお願いします。 判断範囲で条件に合ったものの内の指定数字以上のカウント方法で何かよい方法はないかと考えています。 例 ２０以上をカウント 赤 １０ 赤 １ 赤 １５ 青 ３ 赤 ２０ 黄 ２ 青 ２１ 緑 ０ 青 １４ 青 ２２ 青 ３０ 黄 １１ 黄 １３ 黄 ４０ 黄 ２１ 黄 １４ 緑 １１ 緑 １２ 緑 １８ よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- GDI+で重なった画像をピンポイントに消去するにはどうしたらいいですか
GDI+で重なった画像をピンポイントに消去するにはどうしたらいいですか？ 赤の四角形・緑の四角形・青の四角形・黄色の円 合計４つのPNG画像をGraphicsクラスのDrawImageで 図１のように重ねて表示させたあと 緑の四角形と黄色の円だけをピンポイントに消去して 図２のようにするには どうすればいいですか？
- 締切済み
- C・C++・C#
お礼
ありがとうございます。 とても参考になりました。 試してみます。