先看我代码:用来做判断一个图片的原图大小,并根据它的大小来改变展示方式。现在代码中的图片属于小于1024
根据代码执行按原图大小显示
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.4.1/jquery.js"></script>
<title>根据图片大小不同对应展示img</title>
</head>
<body>
<div style="width:100%">
<img id="imgid" src="images/eg_3.2.png" width="100%"/>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("<img/>").attr("src",$("#imgid").attr("src")).load(function() {
alert("hahaha");
pic_real_width = this.width;
pic_real_height = this.height;
if(pic_real_width<1024){
$("#imgid").css("width",pic_real_width).css("display","block").css("margin","0 auto");
alert(pic_real_width);
}else{
$("#imgid").css("width","100%");
}
});
})
</script>
</body>
</html>sublime中的打开(ie8)真的搞不懂啊求解释啊
根据代码执行按原图大小显示
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.4.1/jquery.js"></script>
<title>根据图片大小不同对应展示img</title>
</head>
<body>
<div style="width:100%">
<img id="imgid" src="images/eg_3.2.png" width="100%"/>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("<img/>").attr("src",$("#imgid").attr("src")).load(function() {
alert("hahaha");
pic_real_width = this.width;
pic_real_height = this.height;
if(pic_real_width<1024){
$("#imgid").css("width",pic_real_width).css("display","block").css("margin","0 auto");
alert(pic_real_width);
}else{
$("#imgid").css("width","100%");
}
});
})
</script>
</body>
</html>sublime中的打开(ie8)真的搞不懂啊求解释啊
myeclipse 同理
我说明白了吗 不知道