学电脑,学计算机 | 手机访问 | 加入收藏 | 设为首页 | RSS
当前位置:首页 > 网页制作 > HTML/CSS > 正文

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

发布时间:2014-01-29 19:55:12  来源:电脑技术学习网
【摘要】: 请各位大虾指教,在dreamweaver中如果固定宽650象素,而用户上传的图片宽为1000象素,这样整个页面就会撑开,请问如何使用户上传的图片小于650的就按正常比例显示,而大于650的就控制在650之内呢?

  请各位大虾指教,在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 输出.
发表评论 共有条评论
验证码: