![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
はじめまして。初めての投稿の者です。
今回、ご相談の件ですが、
現在、webを制作してて、サムネイル(画像)をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。
<script language="javascript">
<!--
function open_window(spass){window.open(spass,"flow","scrollbars=1,resizable=0,width=1000,height=760,left=0,top=0")}
-->
</script>
~~~中略~~~
<body>
<a href="javascript:open_window('ファイル名.html')"><img src="画像のファイル名" width="250" height="150" alt="---"></a>
~~~中略~~~
この方法の場合、大きく表示させる画像のサイズによっては別窓に表示させたとき、ウィンドウに余白ができてしまいます。
width=1000,height=760の部分を無くして、なお且つ別窓に表示させたときの画像の周辺に余白が無いように・・と、色々とjavascriptに関するサイトや講座を拝見して調べてみましたが希望のような事が有りませんでした。
また、<a href="javascript:open_window('ファイル名.html')">・・
の箇所を、
open_window('大きく表示する画像のファイル名.jpg')・・
としても、ダメでした。
何がしたいかと申し上げますと、(別窓:ウィンドウに)大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】
※画像(写真)サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか?
技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
No.1ベストアンサー
- 回答日時:
見当違いかもしれないけど、開いた大きさに画像を合わせてみては?
以下、呼び出されるファイルの中身です
そうそう、呼び出す側のスクロールバーは消してもいいかもね
<html>
<body>
<!-- saved from url=(0014)about:internet -->
<img src="Sunset.jpg" style="position:absolute; top:0px;left:0px;" id="b">
<div style="position:absolute; top:0px;left:0px;">
文字はここに適当に書いておくれ!<br>画像の名前は適当にかえて!
<br>
</div>
<script>
window.onresize = i;
window.onload =i;
function i(){
o=document.getElementById('b');
o.style.width = document.body.clientWidth;
o.style.height = document.body.clientHeight;
}
</script>
この回答への補足
ひとつ、忘れていました。
呼び出される側のファイルは以下の通りです。
~~~中略~~~
<body onLoad="focus()">
<img src="A.jpg" border="0" width="900" height="640" alt="***">
<FORM><input type="button" value="閉じる" onClick="window.close()"></FORM>
~~~中略~~~
No1(_pipi_さん)のプログラムを使ってみましたが、別窓に開かなかったです。
>開いた大きさに画像を合わせてみては?
画像は、大きさの違うものが有りますので(縦サイズ・比率の関係)、すべて揃えることが出来ません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SQLのWHEREで全てを質問する方法
-
function openwinについて
-
別窓を開くプログラムについて
-
openのオプションパラメータに...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
ポップアップウィンドウの位置
-
「関数が定義されていない」と...
-
bxslider、画像が3枚以上になる...
-
javascriptとApacheの設定
-
「jquery.csv2table.js」から生...
-
別ファイルのfunctionの読み込み方
-
ページを訪問者にたった一度だ...
-
bodyにidをつける理由は何ですか?
-
html タグの意味
-
ボタンのID名を取得するには?
-
Dreamweaver で 外部JSを読み込...
-
javascript内で外部ファイルを...
-
テキストボックス内にハイパー...
-
エラー行の行数の不思議
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
あなたのXAMPPのdashboard内のj...
-
SQLのWHEREで全てを質問する方法
-
htmlファイルを開いた時の画面...
-
外部からのjs呼び出しについて。
-
window.openで404エラーがでます
-
window.openでフルスクリーン表...
-
サブウインドウの高さを自動で...
-
小窓を表示する時に、必ず右上...
-
町内会での不倫
-
サブフレームがうまく出来ません。
-
別ウィンドウをサイズ指定するには
-
javascriptでのポップアップ表...
-
いろんなサイズの新しいウィン...
-
色の指定で配列を使いたい
-
ポップアップブロック付きのブ...
-
IF文で該当の処理を通らない
-
ビルダーで小窓にスクロールバ...
-
モニターサイズによるページ振...
-
JAVAでリンクボタンを作成して...
おすすめ情報