一个图片显示的问题

[mzcycgs]

各位大侠：
我在做一个图片新闻发布系统时，因版面布局限制，又想保持图片的长宽比例不变，因此想把新闻图片放在网页上一个指定的区域(如:宽200，高150），因为新闻图片的大小及比例是经常变化的，把它放在那个区域内，能使图片自动适应区域的宽或高，将该区域自动填满，图片隐藏部分可以通过在该区域内移动鼠标来实现上下或左右移动。我应该如何编写代码才能实现。

[zxghl]

用了iframe
图片和新闻就分离开了
图片是另一个htm，给img编写onmousemove之类的脚本，应该可以实现
要求的图片随鼠标移动。

===========
ps.看看这些代码是否能用：

span 之间无内容时似乎不显示图片，所以加上一个 

<span id=pic style="width:200; height:150; border:1px solid black"> </span>
<script>
function test()
{
var p = document.createElement("IMG")
p.src = "info.gif"

// 得到width和height加以缩放调整
//alert("width=" + p.width + " height=" + p.height)

// 显示出来
pic.appendChild(p)
}
test()
</script>

[keygao]

use div

加上CSS设置层的滚动条可以实现。

[zxghl]

use iframe

[mzcycgs]

use iframe这个方法好像不行，我要能够实现在框内的图片能够随鼠标而移动，而且不要出现滚动条。

[mzcycgs]

使用zxghl(zxghl)的span也不行，定义的框会随图片的大小改变。zxghl(zxghl)的使用iframe 和楼上keygao(fensui2000)使用div来实现，能否提供一个具体的代码或设计思路。