イメージマップからのウインドウサイズ
- イメージマップを使用して部分をクリックした際に指定したウインドウサイズで開く方法について教えてください。
- ホームページビルダー２００１でイメージマップを作成し、部屋の絵を描いて、テレビや本棚をクリックすると写真が表示されるようにしたいです。
- Ｓｃｒｉｐｔを挿入するだけでは指定したウインドウサイズで開くことができないため、どのようにすればサイズ指定したウインドウを開くことができるのか教えてください。
- ベストアンサー
イメージマップからのウインドウサイズ
前回に引き続き、ウインドウサイズのことで質問です。 ホームページビルダー２００１で、イメージマップを作り、部分をクリックして 別ウインドウを開くときに、上手くウインドウサイズの指定が出来ません。 部屋の絵を描いて、テレビや本棚をクリックするとそれぞれ 写真が出てくる、ということをしたいのですが、前回教えてもらった Ｓｃｒｉｐｔを挿入するだけでは指定したウインドウサイズでは 開くことが出来ませんでした。 var swImg; swImg=new Array; //--> </SCRIPT><SCRIPT language="JavaScript"> <!--HPB_SCRIPT_PLD_50 HpbImgPreload('_HPB_ROLLOVER1', 'goback.gif', 'goback1.gif'); //--> </SCRIPT></HEAD> <BODY bgcolor="#ffffff" text="#996666" link="#cc0000" vlink="#663333" alink="#cc9999" background="w3b.gif"> <P align="center"><IMG src="broomlogo.gif" width="664" height="71" border="0"></P> <P align="center"><IMG src="bigroom.gif" width="496" height="336" border="1" usemap="#bigroom"><MAP name="bigroom"> <AREA shape="rect" coords="180,11,228,37" href="pc.htm" alt="パソコン。" target="_blank"> <AREA shape="poly" coords="455,199,460,209,456,215,456,229,454,237,449,228,450,215,450,202,455,197,456,197,456,196" href="guitar.jpg" alt="57年レプリカのフェンダーストラトキャスター。" target="_blank"> <AREA shape="default" nohref> </MAP></P> </BODY> </HTML> これをどういう風にすれば、クリックしたときにサイズ指定した ウインドウを開くことが出来るのか、教えて下さい。
- 5on
- お礼率88% (8/9)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
5onさんはこのソースのどこで、サイズ指定してみたのですか？ どれくらい分かってらっしゃるか分かりませんが、 開くウィンドーのサイズ指定したければ、 <AREA shape="rect" coords="180,11,228,37" href="#" onClick="window.open('pc.html','pc','height=100,width=100')" alt="パソコン。"> と書けば100×100のウィンドウが開きます。 いろんな書き方がありますが、そのうちの一つです。 ちなみに window.open('リンク先','開くウィンドウの名前','スタイル') です。
関連するQ&A
- イメージマップで文章を表示したい。
下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか？ ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段（下段でもＯＫ）に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。
- ベストアンサー
- HTML
- map初心者です
名前の付け方がわかりません。 なんでもいいのでしょうか？とりあえずわからないので画像名と同じ名前に設定しました。 また、下の記述が全部なのですが画像しかアップされません。 リンクすらなりません。 どこがおかしいのでしょうか。よろしくお願いします。 <img src="img/1.jpg" usemap="#1map" border="0"> <map name="1map"> <area shape="rect" coords="220,148,179,200" href="http://12345" alt="**" target="_blank"> <area shape="rect" coords="358,125,181,126" href="http://12345" alt="**" target="_blank"> <area shape="rect" coords="167,336,178,141" href="="http://12345" alt="**" target="_blank"> <area shape="rect" coords="178,338,180,214" href="="http://12345" alt="**" target="_blank"> </map> 関係あるかわかりませんが、使っているのはロリポップです。
- ベストアンサー
- HTML
- mapを使用してリンク後、戻った時に画像にareaの枠が付いてしまう
下記のようにmapを指定して、別ウィンドウでページを開きます。 すると、ページを閉じて戻った時、画像上に丸くareaの枠線が付いてしまいます。 どのような指定をしたら消せるのでしょうか。 <img src="img/image.gif" width="175" height="152" vspace="2" border="0" usemap="#Map"> <map name="Map"> <area shape="circle" coords="62,91,10" href="index.html#info" target="_blank"> </map>
- ベストアンサー
- HTML
- fancyboxにイメージマップを付けたい
早急に解決しなければいけない問題なのですが、どうしてもわからず途方にくれています。 どなたか助けていただけませんでしょうか。 fancyboxで表示したイメージ画像にイメージマップを付け、リンクを飛ばしたいと思っています。 https://gist.github.com/2972293 上記のサイトを参考にして一時は上手く行ったのですが、 いくつかの画像にそれぞれ個別のリンクを設定しようとしたところ、同じリンク先にしか飛ばない事に気付きました。 #Mapを増やせばいいのかなと思ったのですが（#Map2や#Map3など） 自分で書いても上手くいきませんでした。 どうすれば複数の画像に別々のリンク先を設定するようにできるでしょうか。 ご回答宜しくお願いします。 一応自分で書いたhtmlを載せておきます。 ----------------------------- <script type="text/javascript"> $(function() { $(".fancybox").fancybox({ padding:0, margin:0, onComplete: function() { $('#fancybox-img').attr('usemap', '#Map'); } }); }); </script> <a href="images/test.jpg" class="fancybox"><img src="images/test.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://yahoo.co.jp/" target="_blank" /></map> <a href="images/test2.jpg" class="fancybox"><img src="images/test2.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://google.co.jp/" target="_blank" /></map>
- ベストアンサー
- JavaScript
- イメージマップでwmvファイルを指定した場合の問題？
クライアントサイドイメージマップのファイル読込み指定に、wmvファイルを指定した場合、クライアント側のWindowsMediaPlayer で動画再生するので、サーバには負荷が掛からないと思っているのですが、正しいでしょうか。スクリプトには以下の記述例を想定しています。 よろしくお願いします。 <img border="0" src="sample/area.gif" usemap="#sample" alt="サンプル" width="384" height="128"> <map name="sample"> <area href="area.wmv" shape="rect" alt="四角形" coords="15,19,126,104">
- 締切済み
- HTML
- クリッカブル・マップのリンクが効かない
下記のコードでpngの画像上でリンクをつけましたが、カーソルをかざしても反応が有りません。どこが間違っているのでしょうか？ 皆様、ご教授お願いします <table width="750" align="center"> <tbody> <tr><td> <img src="top2.png" usemap="#top2"> <map name="top2"> <area shape="rect" coords="20,197,63,206" href="http://------.html" alt="A"> <area shape="rect" coords="78,198,121,206" href="http://------.html" alt="b"> <area shape="rect" coords="137,198,181,206" href="http://------.html" alt="c"> <area shape="rect" coords="196,198,239,206" href="http://------.html" alt="d"> <area shape="rect" coords="19,163,63,272" href="http://------.html" alt="e"> <area shape="rect" coords="77,264,121,272" href="http://------.html" alt="f"> </map> </td> </tr> </tbody> </table>
- 締切済み
- XML
- <map>の切り替え
ウェブサイトを作っているのですが、たぶんJavaScriptだとできると思うのでどなたか分かればと思い、投稿しました。 操作的には、 <body> <div><img src="aaa.gif" usemap="#map01" border="0" name="changeImage"></div> <!--▼クリックエリア範囲01の場合--> <map name="map01"> <area shape="rect" coords="0,0,30,30" href="javascript:document.changeImage.src='bbb.gif'";> </map> <map name="map02"> <!--▼クリックエリア範囲01の場合--> <area shape="rect" coords="0,0,20,20" href="bbb.html"> </map> </body> のような感じで、初期設定のusemapがmap01なので、最初クリックする時は、map01のクリックエリア範囲でそのaaa.gifがbbb.gifに変わります。そして、bbb.gifに変わったとき、クリックエリア範囲を<map name="map02">にしたいのです。 できますでしょうか？ 一応補足しておきますが、操作的には違う画面を出すとか、新しい画面に行った時、とかではないです。 同じ画面上の操作です。
- 締切済み
- JavaScript
- map が機能しない
<div><img src="images/topbar.gif" alt="" usemap="#map2" border="0" /></div> <map name="map2"> <area href="site.html" alt="" shape="rect"coords="394,57,495,68" /> <area href="toi.html" alt="" shape="rect" coords="510,57,605,68" /> </map> 上記のようにリンクを画像上に設置しましたが、ＩＥ６では機能しませんでした。 原因はalphafilter.jsというジャバスクリプトを使用していたからです。、これはサイトの外枠に影を入れるため、透過png の画像を使用したいためです。透過pngをＩＥ６で有効にするためにalphafilter.js を使ったわけす。 mapを機能させるためにはalphafilter.jsを外さなければなりません。 ＩＥ６で外枠の影、map両方を機能させる良い方法はないでしょうか？ ＣＳＳハックでＩＥ６のみ透過gifを使うという方法はとりたくないです。何故なら透過gifは画像が粗いからです。
- ベストアンサー
- HTML
- mapが機能しない
以下のようにmapを設置しましたが、全く機能しません。何が考えられるでしょうか？ <div><img src="images/head.jpg" alt="" usemap="#map" border="0"/></div> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> <area href="kan.html#2" alt="" shape="rect" coords="314,3,393,154" /> <area href="kan.html#1" alt="" shape="rect" coords="106,3,211,146" /> </map>
- ベストアンサー
- HTML
- クリッカブルマップがきかない！？
html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか？？ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか？？ 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>
- ベストアンサー
- HTML
お礼
zooomさん、ありがとうございました！ 早速やってみたら、うまくいきました。 ビルダーだけでは、自分がこうしたい、ということが 出来なくて、本を見たりしたのですが、どこに書き込んだらいいのか わかりませんでした。初歩的な質問にも関わらず丁寧に教えていただいて 本当に感謝しています。ありがとうございました。