【JavaScript】 Image对象 缩小图片并输出到一个div层

[White_Star]

我的目的是做一个相册。
用JS写的一个更新div层显示的图片的函数。
主要就是通过这个语句来显示图片

$('mainphoto').src = this.getAttribute('rel');

但是这样不能限制图片大小，而我想按比例缩小。
所以 写了这样几句

var x = new Image();
x.src = this.getAttribute('rel');
var y = new Image();
y.src = this.getAttribute('rel');

然后用几个if语句来按比例缩小图片。
我想问怎么才能 改变大小，并且怎样输出到那个div层中。

。。。

[fosjos]

var img = document.createElement("img");
img.src = ...;
img.width = ...;//或者只设置height
var div = document.getElementById("d");
div.appendChild(img);

[fosjos]

按比例缩小图片!!!!!!

[White_Star]

是啊，按比例缩到范围内啊。。然后直接赋值width和height啊。。。

[White_Star]

那如果按width缩了还是爆框，就再按height缩么？

[fosjos]

height和width设置一个，另外一个不要赋值（或者"auto"）

[White_Star]

只设置一个还是会超出的话呢？
我直接算出缩到范围内的width和height在赋值可以么？