• ベストアンサー

クリッカブルマップでページを開くとき

簡単な地図をかいて、クリッカブルマップにした のですがそれぞれのお店の写真をクリックすることで お店の中の写真が一枚だけ出るようにしたいんです。 現時点では、クリックすると新しいブラウザが開いて 大きいところにポツンと写真一枚です。 写真の大きさくらいの、小さいブラウザを開きたい のですが、できますか? ちょっと、説明が悪いかも知れませんが何か良い案が ある方教えて下さい。

質問者が選んだベストアンサー

  • ベストアンサー
  • Borom
  • ベストアンサー率30% (14/46)
回答No.2

JavaScriptのwindow.openで実現可能ですよ。 200x300で開く場合は、 onclick="window.open('photo.html','sub','width=200,height=300');" という属性をクリッカブルマップの対象エリアに埋め込んでください。

参考URL:
http://tohoho.wakusei.ne.jp/js/window.htm#open
pekotarou
質問者

お礼

何度かしつこくやってみたら、できました! 夕方は全然できなくてちょっと諦め気味だったのですが 諦めなくて良かったです。 教えて頂いてありがとうございました!

pekotarou
質問者

補足

回答ありがとうございます。 対象エリアというのが、良く分かりません(--;) <a href="">の中に入れるのかな?と思って やってみましたが、だめでした。 参考URLも見ましたが今一つ分かりません。 せっかく教えて頂いたのに申し訳ないです(T-T) もしよかったらエリアを教えて下さい。

すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

JavaScriptを使うと、新しく開くウインドウのサイズを指定することができます。 作成されたHTMLファイルをメモ帳などのテキストエディタで開いてください。 そして、 <HEAD>~</HEAD>という箇所の間に以下の内容を記述してください。 <SCRIPT language="JavaScript"> <!-- function subWin(){ Window.open("リンク先のファイル名","Window1","width=★★★,height="☆☆☆"); } //--> </SCRIPT>   ・リンク先のファイルには、リンク画像ファイルの名前を入れてください。   ・width=★★★には、横幅をピクセルで入力します(例:width=120 横幅120ピクセル)   ・height=☆☆☆には、縦の長さをピクセルで入力します。 さらに、リンクを指定するクリッカブルマップの<AREA>タグを次のように変更してください。 <AREA href="JavaScript:subWin()" shape="~" coods="~">  shape="~"と、coods="~"の部分はいじらなくてOKです。 説明が下手ですが、良かったら試してみてください。

pekotarou
質問者

補足

ご回答ありがとうございます! 今、作ったHTMLファイルで教えて頂いたのを やってみたんですが、うまく行きません。 リンク先が6店ほどあるのですが、<!--から-->までを 6個コピーして使ってみましたが駄目でした。 たくさんのリンクがある場合でもこの方法は使え ますか? もしかしたらコピーのしかたが悪かったのかも しれませんね。再度試してみます。

すると、全ての回答が全文表示されます。

関連するQ&A