- ベストアンサー
画像を別窓で小さく(上のメニューは無しの)出す方法教えてください!
画像があるサイト様でよく見かけるのですが、 クリックすると画像が別窓で出てきて、 その画像の大きさで、上の部分にメニューが無い コンパクトな別窓を開くようにしたいのですが そのタグを教えて頂けますか? 宜しくお願いします!
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
leap_dayです 普段は動作確認してから回答するのですが仕事に行く時間だったのでちょっと書き殴りのような感じになってすみません 下のスクリプトでは無理です(滝汗)記述ミスがありましたので・・・ <title></title> <SCRIPT language="JavaScript"> <!-- function openWindow() { x = (screen.width - 800) / 2; y = (screen.height - 400) / 2; window.open("***.gif","OpenWindow","screenX="+x+",screenY="+y+",left="+x+",top="+y+",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } //--> </script> <==ここ追加です </head> <body> print "<img src='./***.gif' onClick='openWindow()' style='cursor: hand'>\n"; <==ここ書き換えです <body> style='cursor: hand' はマウスポインタをハンド表示するものです。なければ矢印表示になります これで画像をクリックして小窓で画像表示出来ると思います 特にウィンドウの表示位置を気にしないのであれば function openWindow() { window.open("***.gif","OpenWindow","scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } でもいいと思います(左上に表示されます) あとはwidth=800,height=400のところをお好みのサイズに変えてもらえればいいです
その他の回答 (2)
- leap_day
- ベストアンサー率60% (338/561)
失礼・・・m(--)m 画像をクリックして画像表示でしたね・・・ print " <input type='button' onClick='openWindow()' value='小窓を開く'>\n"; のところを print "<img src='./***.gif" onClick="openWindow()">\n"; です 画面サイズとかはURLを参考にご自分で変えてみてください window.open("***.html",のところ・・・そのまま画像のURLにして表示できるかは未確認なので試してみてください(--;)
お礼
ご回答有難うございます! 教えて頂いたURLの、 Sample 1のサブウィンドウ1が希望 でした! No.1で回答して頂いたタグで大丈夫ですか? 画像サイズの別窓を開きたいのですが 画像のサイズに合わせて数字を変えれば大丈夫ですよね? 感謝いたします!
- leap_day
- ベストアンサー率60% (338/561)
javascriptを使います <title></title> # ここから <SCRIPT language="JavaScript"> <!-- function openWindow() { x = (screen.width - 800) / 2; y = (screen.height - 400) / 2; window.open("***.html","OpenWindow","screenX="+x+",screenY="+y+",left="+x+",top="+y+",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no,width=800,height=400"); } //--> # ここまで </head> <body> print " <input type='button' onClick='openWindow' value='小窓を開く'>\n"; </body> のようにすれば800*400の小窓が画面中央に表示されます
お礼
ご回答有難う御座いました! 感謝いたします。