- ベストアンサー
1つの画像に複数のリンクを貼る時…
ホームページビルダー6.5でホームページを作成しています。 1つの画像に複数のリンクを貼って、リンク先のウインドウを開くとき ウインドウの大きさを画像の大きさで開きたいのです。 あと、タイトルバーのすぐ下に画像が表示される(ツール、アドレスバー等は 表示させたくない)ようにしたいのです。 ホームページビルダーのマニュアルには載っていないし、かれこれ2日間悩んでます。 説明が足りなければ補足しますので助けて下さい。よろしくお願いします。 <MAP name="A"> <AREA href="('リンク先.htm','scrollbar=no','width=375,height=300')" shape="rect" coords="79,290,130,325" alt="Photo(kichen)" target="_blank">
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
おそくなり、もう必要無いかもしれませんが補足です。 <script language="JavaScript"> <!-- function photo(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ここまではなにもかえない <map name="A"><area shape="rect" coords="79,290,130,325" href="javascript:photo('リンク先.html','Photo','width=500,height=500')"></map> かえるのはリンク先.htmlを正確なリンク先に、Photoは新しいウィンドウの名前に、width=500,height=500は任意のサイズに、。それだけです。
その他の回答 (2)
- onimotsu
- ベストアンサー率36% (279/758)
ここが参考になると思います。 http://www.openspc2.org/reibun/javascript/sub_window/004/index.html <html> <head> <title>サブウィンドウの見た目を細かく指定する</title> <script Language="JavaScript"><!-- window.open("sub.html","sample","width=320,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30"); // --></script> </head> <body> </body> </html> location=no,menubar=no これらを追加すればご希望に叶うと思います。
お礼
どうしてもうまくできなくて・・・ でも、教えていただいたURLは、とっても参考になりました!! お礼が遅くなってすみませんでした。 ありがとうございました。
- nyanchu
- ベストアンサー率43% (22/51)
javascriptで、 <script language="JavaScript"> <!-- function photo(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> <map name="A"><area shape="rect" coords="79,290,130,325" href="javascript:photo('リンク先.html','Photo','width=500,height=500')"></map> ではどうですか。(width=500,height=500は画像の大きさに変更)
お礼
ご回答ありがとうございます! 早速いろいろやってみたのですが、どうしてもスクリプトエラー【識別子なし】が出てしまいます。 今までホームページビルダーに頼っていたので、html言語には全く知識が無くて… <script language="JavaScript"> <!-- function photo(theURL,winName,features) { //v2.0 ↑ ↑ ここ ここ window.open(theURL,winName,features); ↑ ↑ } ここ ここ //--> </script> fanction photoのURLはリンク元の画像ですか?window.openのURLはリンク先ですか? 教えていただけると助かります。
お礼
ありがとうございます!!出来ました!! 質問してから、どうしてもわからなくて、諦めていて手を付けていませんでしたが 今日回答をいただいている事に気が付き、教えていただいた通りにやってみました。 そしたら… そしたら… 出来ました♪とっても嬉しいです! せっかく補足して頂いたのに、気づくのが遅くてすみませんでした。 そして、本当にありがとうございました。