关闭

div下图片自适应大小

809人阅读 评论(0) 收藏 举报

div下图片自适应大小

结合脚本与CSS完成的.对所有的图片都有效.

<SCRIPT LANGUAGE="JavaScript">
function imgSize(url ,id) {
var imgObj = new Image();
var imgDiv=document.getElementById(id)
imgObj.src = url;
imgDiv.innerHTML= imgObj.width + " × " + imgObj.height;
}

function changeSize(obj, width) {
if (obj.width > width) {
obj.width=width;
}
}
</SCRIPT>
<div style="width: 500px;">
<IMG src="test.jpg" border="0" onload="changeSize(this, 750);">
</div>


可以仿照如下格式使用这段代码。其它的代码都不是很有效。这个比较有效的了。

<head>

<SCRIPT LANGUAGE="JavaScript">
function imgSize(url ,id) {
var imgObj = new Image();
var imgDiv=document.getElementById(id)
imgObj.src = url;
imgDiv.innerHTML= imgObj.width + " × " + imgObj.height;
}

function changeSize(obj, width) {
if (obj.width > width) {
obj.width=width;
}
}
</SCRIPT>


<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
    margin:0 auto;
    width:100%;
    padding:0;
 
    }
#pic img{
     max-width:758px;
      myimg:expression(
onload=changeSize(this, 758)

             );

}

-->
</style>
</head>

<body>

<div id="pic"><%=rs("content")%></div>

</body>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:318311次
    • 积分:4294
    • 等级:
    • 排名:第7313名
    • 原创:120篇
    • 转载:77篇
    • 译文:0篇
    • 评论:31条
    最新评论