怎么让open的窗口的大小和要显示图片大小一样

如何让open的窗口的大小和要显示图片大小一样

<!DOCTYPE html>

<html>

<head>

	<title>Image Popup</title>

	<link rel="stylesheet" href="script07.css">

	<script src="script07.js"></script>	

</head>

<body>

<h3>Double-click on an image to see the full-size version</h3> 

	<img src="images/Img_thumb.jpg" alt="Thumbnail " id="Img0">

</body>

</html>

上面是HTML，下面是script07.js

window.onload = initImages;

function initImages() {

	for (var i=0; i<document.images.length; i++) {

		document.images[i].ondblclick = newWindow;

	}

}


function newWindow() {

	var imgName = "images/" + this.id + ".jpg"

	var imgWindow = window.open(imgName, "imgWin", "width=320,height=240,scrollbars=no")

  }

第10行是已图片大小直接设置窗口大小的
请问下，如果不知道图片大小该怎么做？
------解决方案--------------------

引用:

Quote: 引用:

function newWindow() {

    var imgName = "images/" + this.id + ".jpg"

    var image = new Image();

    image.src = imgName;

    image.onload = function(){

    	var imgWindow = window.open(imgName, "imgWin", "width="+this.width+",height="+this.height+",scrollbars=no")	

    }    

}

我感觉这个答案应该是对的，可是我把代码改成这样子后--双击没有反应！还有，我想问下"+this.width+"这个是什么意思？

this指的是image对象，this.width , this.height是图片的宽度和高度，你先看下图片有没有，没有的话是不会触发这个事件的。

怎么让open的窗口的大小和要显示图片大小一样

相关推荐