div下图片自适应大小

原创 2012年03月21日 23:27:42

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>

 

相关文章推荐

table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)

discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。 html代码: 1 2 ...

JS实现图片居中且大小自适应

  • 2017年05月11日 13:35
  • 2KB
  • 下载

listbox 实现图片大小自适应展示

  • 2010年01月15日 16:29
  • 68KB
  • 下载

table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)

写的不错,所以转载了。 discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。 html代码: ...
  • yipanbo
  • yipanbo
  • 2016年08月18日 18:50
  • 1836

根据图片大小自适应的CSS

  • 2008年08月28日 16:18
  • 481B
  • 下载

js解决div内图片自适应大小

  • 2015年01月23日 15:58
  • 850B
  • 下载

html图片自适应手机屏幕大小的css写法

代码如下: body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,tex...

图片自适应父元素大小,并左右上下居中的css方法

图片自适应父元素大小,并左右上下居中的css方法前言这种效果多见于矩形盒子里面调用不规则的图片,希望能够达到的效果。这个效果可以很简单的用css来实现,虽然已经烂熟于心,但是并未记录下来。今天看到又有...
  • FungLeo
  • FungLeo
  • 2017年05月10日 13:57
  • 2405

iOS开发——WebView加载HTML图片大小自适应与文章自动换行

本文主要讲述了如何在iOS应用中使用WebView加载HTML图片时实现自适应与文章自动换行功能,现在把相关的实现思路和代码整理出来分享给iOS程序员兄弟们,希望给他们的开发工作带来帮助。 在很...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div下图片自适应大小
举报原因:
原因补充:

(最多只允许输入30个字)