电脑技术学习

网页中如何使超出页面大小的图片自动适合页面宽度?

dn001

  请各位大虾指教,在dreamweaver中如果固定宽650象素,而用户上传的图片宽为1000象素,这样整个页面就会撑开,请问如何使用户上传的图片小于650的就按正常比例显示,而大于650的就控制在650之内呢?

这个问题我以前碰到过,其实很容易解决的.
在<head></head>加入如下代码:
<script language="javascript">
function CSize(cObj)
{
if (cObj.width>650) cObj.width=650;
}

在加载图片时使用onload 事件:
<img onload="CSize(this)" src="....">

这样就可以实现了.

在大多数情况下都能实现,有时也不能很好的执行.这时可以刷新页面看看.
建议,整个IMG语句用Response.write 输出.

标签: