• 締切済み

「画像の吹き出し」 方法

お世話になります。ホームページ・ビルダー10を使ってます。昨日見つけたサイトを本日はどうしても探し出せず、URL を示すことができません。そのサイトの動作は ハイキングコース画像上に ■ 印が点々とあって ■ にカーソルを乗せると文字が吹き出します。カーソルを外すと消えます。 ■ をクリックすると画像が吹き出します。吹き出し枠の右上にある × 印をクリックすると消えます。 小生、文字の吹き出しは <map><area title="吹き出し文字列"></map> でやってますが、(別ページの表示ではない) 画像の吹き出しは初めて見ました。どうすれば実現できるかご教示ください。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

chanoyu さん 例えば、<area title="吹き出し文字列"> を、 <area shape=circle coords="197,32,28" title="吹き出し文字列" href="#" onclick="window.open('http://cmm001.goo.ne.jp/img/logo/goo.gif','_blank','screenX=20,screenY=50,width=320,height=240'); return false;"> のように書きます。参考↓ http://www.tohoho-web.com/how2/window.htm#winOpen

chanoyu
質問者

お礼

回答有難うございます。ちょっと文法が不明瞭で試行できませんでした。

  • partita
  • ベストアンサー率29% (125/427)
回答No.1

javascriptじゃないかな?

chanoyu
質問者

お礼

サイトは「ヤマレコ」でした。javascript じゃ、諦めます。

関連するQ&A

  • 吹き出しに画像とコメントを入れるプログラム

    下記のプログラムで吹き出しを作成して 画像とコメントを表示したいのですが なかなか出来ず困っております。 方法がありましたらよろしくお願いいたします。 <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>

  • 画像などにマウスをあてると、下に出る吹き出し文字のコピー

    例えば「OKWeb」の画像にマウスカーソルを当てたら ポインタの下に吹き出し?で「OKWebコミュニティー」と 出てくるじゃないですか。 他の画像でも(出ないのもあるけど)出る、その吹き出し中の文字をテキストとしてコピーしたいんですが。 できますか?

  • グーグルマップの吹出しは複数可能?

    グーグルマップを自分のサイトに設置しようとしています。 マーカーをクリックすると吹き出しが出ますが 他のマーカーをクリックすると吹出しが消えて2つ表示ができません。 吹出しでなくてもいいのですが 吹出し見たいのを複数常時表示することはできますか? お忙しいところ是非教えていただければと思います。 よろしくお願いします。

  • Google maps API 吹き出しに画像

    下記ページを元に新たにマップを作ろうとしています。 マーカーをクリックした時に現れる“吹き出し”にPicasaの画像をリンクして表示させたくて、試行錯誤しているのですが、上手くいきません。 xmlファイルに吹き出しに表示させるものを追記しないといけないんでしょうか? よろしくお願い致します。 http://japonyol.net/editor/ds/yokohama-bousai.html

  • エリアを指定して吹き出しを出したい。

    ホームページを作成中です。 画像(図の緑)の一部分をマップのエリアで指定して(図の赤)、その場所にマウスが乗ったら、拡大画像を吹出しの様に(図の黄)近くに出す方法を教えてください。宜しくお願いします。

  • HPサイト内で吹き出しをつくる。

    HPサイト内で吹き出しをつくる。 タイトル難しいです。。とりあえず、お聞きしたいことは、HPを作っているのですが、 人の画像から吹き出しで言葉を話しているようにしたいです。 吹き出しの画像は見つかりました。そこにうまく文字を重ねるしかないのでしょうか。 そもそも重ねられるのか? すべてを画像で作ってしまうと、検索キーワードにひっかからないので、文字は文字として 認識させたいです。アドバイスよろしくお願いします。

  • 自動的に吹き出しの幅を変更するには?

    画像で吹き出し枠をつくり、その中にテキストを表示させたいです。 吹き出しを、それぞれ上下左右と斜め部分を8分割に切って.gifにしてフレームに配置させ、その真中にテキストを流し込むことぐらいしか思い付かないのですが、その方法だと、閲覧者が文字サイズを変更するとレイアウトが崩れますよね。 いっそ、全て画像にしてしまえばいいのでしょうが、出来れば吹き出しは吹き出しで、テキストはテキストとして存在させたいです。 (ある程度)文字サイズを変更しても吹き出しの線が自動的に伸びて(縮んで)くれるようにする方法はないものでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • ファイル名のフキダシみたいな枠を全部表示させる方法

    ファイルを表示大きいアイコンで普通に見てる時に ファイルをクリックするとファイル名がマンガのフキダシみたいに全部表示されるのですが、クリックしない状態だと13文字くらいしか表示されてなくて、最後に...となっていて続きが分かりません。 これをカーソルを持っていかなくても全部のファイルを最後まで表示させる方法はないでしょうか? 宜しくお願いします。

  • グーグルマップAPIで右クリックで吹き出し

    お世話になっております。 グーグルマップAPIを使ってサイトを作成しています。 右クリックをして、吹き出しを出すにはどうしたらよろしいでしょうか? 以下のようなスクリプトがあるのですが、全く反応しません。 google.maps.event.addListener(map, "rightclick", function() { infowindow.setContent(contentString); infowindow.open(map,marker); document.getElementById("result").innerHTML += "<br>rightclickイベント発生:"+(new Date()); 上記ではなく、rightclickの部分をclickにすると動きますが、右クリックで動作させたいのです。 できれば、その吹き出しの中にフォームを作りたいと思っています。 よろしくお願い致します。

  • HPの画像を保存されない方法を教えてください

    Windows98とホームページビルダー2000でホームページを作っています。以前HPに載せた画像が勝手に保存され、別のサイトの画像掲示板に無断掲載されたことがあります。 画像を保存されない方法を教えてください。ちなみに右クリックでの保存はできないようになっています。 画像の上にカーソルを合わせると、アイコンが出ないようにしたいのです。どうぞよろしく御願いします。

専門家に質問してみよう