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>

 

Linux下图形函数库2---curses.h

curses定义的全局变量     WINDOW *stdscr;        // 默认的标准窗口     WINDOW *curscr;        // 当前窗口     ...
  • qq_14821541
  • qq_14821541
  • 2017年01月24日 12:53
  • 229

【JSP】div自适应大小

function findDimensions(){ document.getElementById("sidebar").style.height=document.body.clientHeig...
  • hateson
  • hateson
  • 2012年03月30日 15:54
  • 2498

Mac OS 下图片格式转换

sips -s format [格式名称] [文件名] --out [输出文件的名称] sips -s format png macx.jpg --out macx.png for i i...
  • b719426297
  • b719426297
  • 2014年01月16日 22:36
  • 726

js实现div内图片自适应大小 并裁剪

主要用js来重新计算图片的大小, window.onload=function(){ changeImgSize(); } function changeImg...
  • xq43701200
  • xq43701200
  • 2017年07月13日 09:45
  • 117

纯js实现div内图片自适应大小----神器版!

这代码实现的功能就是平常我们遇到的一个div里面包含img的时候,在img图片大小未知,div大小未知的情况下,让图片自适应大小,对于图片本身小于div容器大小时,不作处理。因为如果拉伸,图片可能就失...
  • u010480479
  • u010480479
  • 2013年05月29日 11:23
  • 6097

html <div>标签内背景图片自适应div大小

只需通过css设置background-size属性为contain,即 background-size:contain 注意:一定要在先设置background之后再设置background-s...
  • m0_37828249
  • m0_37828249
  • 2017年10月29日 14:41
  • 2200

背景图片自适应大小(css3)

body {             background: url(/happytime/img/index.jpg) no-repeat center center fixed;  ...
  • mr_orange_klj
  • mr_orange_klj
  • 2015年01月16日 15:12
  • 11783

不同浏览器下图片滚动效果的js

遇到过JS无法在火狐浏览器上实现IE的效果,昨天查看了一下相应的代码完成了这一功能的实现做一下简单的记录 网上的资料很多但大多没有说明细节看到了峰之博文的一篇文章后才若有所思问题出现在那里。 ...
  • lyflcear
  • lyflcear
  • 2009年07月17日 16:34
  • 1117

“自适应大小”的div“居中处理”

htmlcssposition:fixed; top: 70%; left: 50%; transform: translate(-50%, -50%); ps:这里是左右居中,上下居中的话,把top...
  • weixin_38930535
  • weixin_38930535
  • 2017年11月06日 16:46
  • 89

div或img图片高度随宽度自适应

一、可以利用js判断图片的宽度从而实现自适应。 二、只利用css来实现图片高度的自适应问题。...
  • zh_rey
  • zh_rey
  • 2017年04月08日 11:39
  • 15108
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div下图片自适应大小
举报原因:
原因补充:

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