※ ChatGPTを利用し、要約された質問です（原文：JavaScript 画像のサイズを取得して、それに適したウインドウを表示したい）
JavaScriptで画像のサイズを取得して適したウインドウを表示する方法
JavaScript 画像のサイズを取得して、それに適したウインドウを表示したい
画像のサイズを取得して、それに適したウインドウを表示したいと思っています。
今のところ、下記のように実装しましたがローカルで実行した際に、サイズを取得できない場合があります。
（document.write(size);で、width=0,height=0 と返ってくる）
また、サーバ上で実行するとブラウザが応答なしになってしまいます…。
どのように解決すればよいか、良い案がありましたら是非ご教授下さい。
宜しくお願い致します。
function popup_img(url, title){
var tImg = new Image();
tImg.src = url;
x = tImg.width;
y = tImg.height;
document.write(size); //for debug
if(x!=0 && y!=0){
var size = "width=" + x + ", height=" + y;
a = window.open("","",size);
a.document.write("<HTML>\n");
a.document.write("<TITLE>",title,"</TITLE>\n");
a.document.write("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>\n");
a.document.write("<IMG SRC=",url,">\n");
a.document.write("</BODY></HTML>\n");
a.document.close();
a.moveTo((a.screen.availWidth / 2 - tImg.width / 2), (a.screen.availHeight / 2 - tImg.height / 2));
}
}
// -->
</SCRIPT>
</head>
<BODY>
<a href="#" onClick="popup_img('TEST.jpg', 'SOME TITLE')">TEST</a>
お礼
ご回答有難うございます。スクリプト早速使わせて頂いております。パラメータによって色々出来るように工夫されていますね。 恐縮ですが、また問題がありました。 呼び出しもとのHTMLを下記のように記述しておりますが、これでは訪問済みリンクが設定されないようです。（IEの履歴に残らない） <a href=# onclick="window.open('.1.jpg','img1','center=1,image=1');return false">open3</a> href=# をファイルへのパスにしても未訪問のままでした。ユーザではなく、プログラムがファイルを開いているので当たり前かと思いますが、サイト閲覧者が訪問済かどうか履歴を残すことって可能なんでしょうか？ ご回答頂ければ幸いです。