所有  育婴常识  文学故事  建站教程  幽默笑话  菜谱 
这篇不太合适?↑↑重新搜索一下看看。↑↑
[Javascript]图片自动缩小的js代码,用以防止图片撑破页面

Root In:http://www.knowsk...com/303248.html    Add Time:2006-2-19 11:57:02    Click Count:3237


文章来自:http://www.pyzy.netJS代码(随便放哪里):
文章来自:http://www.pyzy.net<script language="JavaScript">
文章来自:http://www.pyzy.net<!--
文章来自:http://www.pyzy.netvar flag=false;
文章来自:http://www.pyzy.netfunction DrawImage(ImgD){
文章来自:http://www.pyzy.netvar image=new Image();
文章来自:http://www.pyzy.netimage.src=ImgD.src;
文章来自:http://www.pyzy.netif(image.width>0 && image.height>0){
文章来自:http://www.pyzy.net flag=true;
文章来自:http://www.pyzy.net if(image.width/image.height>= 180/110){
文章来自:http://www.pyzy.net if(image.width>180){
文章来自:http://www.pyzy.net ImgD.width=180;
文章来自:http://www.pyzy.net ImgD.height=(image.height*110)/image.width;
文章来自:http://www.pyzy.net }else{
文章来自:http://www.pyzy.net ImgD.width=image.width;
文章来自:http://www.pyzy.net ImgD.height=image.height;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net /*ImgD.alt="bigpic" */
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net else{
文章来自:http://www.pyzy.net if(image.height>110){
文章来自:http://www.pyzy.net ImgD.height=110;
文章来自:http://www.pyzy.net ImgD.width=(image.width*110)/image.height;
文章来自:http://www.pyzy.net }else{
文章来自:http://www.pyzy.net ImgD.width=image.width;
文章来自:http://www.pyzy.net ImgD.height=image.height;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net /*ImgD.alt="bigpic" */
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//-->
文章来自:http://www.pyzy.net</script>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net图片使用的地方:
文章来自:http://www.pyzy.net<img src="图片" border=0 width="180" height="110" onload="javascriptrawImage(this);">
文章来自:http://www.pyzy.netwidth="180" height="110" 注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改.
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net图不会变形,只会按比列缩,放心
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net


上一篇:[Javascript]javascript极速狂飙:大容量字符型数组的快速检索   下一篇:[Javascript]网页javascript精华代码集

本站所有文章均为系统从互联网自动获取、分析后入库,文章内容不代表本站立场;

本程序及文章内容仅供学习之用,所有的资料和图象均以获得信息为目的;所有的资料和图象均不得用于商业目的;

本网站(PYZY.net)所有的内容中若涉及您的权益请及时与俺联系QQ:33918148。