一个关于图片按比例自动调整大小而出现的问题?在线等,急! 在服务段就得到宽度和高度或<div style="width:100;height:100;overflow:hidden"><img src=1.gif onload=disp()></div> 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 在服务段就得到宽度和高度http://www.csdn.net/Develop/read_article.asp?id=14980或<div style="width:100;height:100;overflow:hidden"><img src=1.gif onload=disp()></div> <img scr=abc.gif border=0 onload="if(this.clientwidth > 480)this.width=480"> 用了<div style="width:100;height:100;overflow:hidden"><img src=1.gif onload=disp()></div>这个方法,图片只以(100,100)显示,不能按原始的压缩进行比例显示 <SCRIPT LANGUAGE="JavaScript"><!--function disp() { var w=0, h=0, s=0.0, sy=4/3; h=img1.height; w=img1.width; s=w/h; if ((w>200) || (h>150)) { if (s<sy) { img1.width=150*s; img1.height=150; } else { img1.width=200; img1.height=200/s; } } img1.style.display = '';}//--></SCRIPT><img src="http://www.chinatools.biz/bbs/uploadImages/2002112615222236009.jpg" id="img1" style="display:None" onload="disp()"> 先隐藏,当图片完全装载完成后(onload事件发生),缩放,然后显示。 或者动态装载图片<body><span id=tes></span></body><script>var tmp = document.createElement("IMG");tmp.src = "http://www.chinatools.biz/bbs/uploadImages/2002112615222236009.jpg";tmp.width = 100;tmp.onload = Function('tes.insertAdjacentElement("AfterBegin",tmp);');</script> 对于这种方法先隐藏,当图片完全装载完成后(onload事件发生),缩放,然后显示。如何用代码实现? 试过了runmin(*^_^*) 的方法,还是不行,而且一定要在body和img的onload事件中都调用disp才可以缩放,这种方法在速度快的情况下看不出来,但在速度慢的情况下问题依旧 ext4中的tree树子菜单,能否实现分页的功能? 请教如何用js实现同一页面显示不同内容 |zyciis| 如何点击了里面的div的onclick不执行外面div的click 有代码,谢谢 文本框换行的问题 100分 JavaScript问题 如何画一条虚竖线 急在线等 想让光标聚焦到textfield,是用哪个方法? 请问点击一个<a>标签能同时更新2个<iframe>的src吗? 怎样过滤javascript数组里面的内容? 如何改变type属性 想来会jsp的同志中不乏javascript高手,所以在这里求一javascript代码,保证给分!!! 求助!!!
http://www.csdn.net/Develop/read_article.asp?id=14980
或
<div style="width:100;height:100;overflow:hidden">
<img src=1.gif onload=disp()>
</div>
<div style="width:100;height:100;overflow:hidden">
<img src=1.gif onload=disp()>
</div>
这个方法,图片只以(100,100)显示,不能按原始的压缩进行比例显示
<!--
function disp()
{
var w=0, h=0, s=0.0, sy=4/3; h=img1.height;
w=img1.width;
s=w/h; if ((w>200) || (h>150)) {
if (s<sy) {
img1.width=150*s;
img1.height=150;
} else {
img1.width=200;
img1.height=200/s; }
} img1.style.display = '';
}//-->
</SCRIPT>
<img src="http://www.chinatools.biz/bbs/uploadImages/2002112615222236009.jpg" id="img1" style="display:None" onload="disp()">
<span id=tes></span>
</body>
<script>
var tmp = document.createElement("IMG");tmp.src = "http://www.chinatools.biz/bbs/uploadImages/2002112615222236009.jpg";tmp.width = 100;tmp.onload = Function('tes.insertAdjacentElement("AfterBegin",tmp);');</script>
先隐藏,当图片完全装载完成后(onload事件发生),缩放,然后显示。
如何用代码实现?
runmin(*^_^*) 的方法,还是不行,而且一定要在body和img的onload事件中都调用disp才可以缩放,这种方法在速度快的情况下看不出来,但在速度慢的情况下问题依旧