图片自动按比例缩小代码(防止页面被图片撑破)
来源:互联网 发布:太行航空发动机知乎 编辑:程序博客网 时间:2024/06/05 03:49
<div id=article><img height="800" alt="" width="1280" src="/down/js/images/12498880470.jpg" /></div><script type="text/javascript" >//缩放图片到合适大小function ResizeImages(){ var myimg,oldwidth,oldheight; var maxwidth=550; var maxheight=880 var imgs = document.getElementById('article').getElementsByTagName('img'); //如果你定义的id不是article,请修改此处 for(i=0;i<imgs.length;i++){ myimg = imgs[i]; if(myimg.width > myimg.height) { if(myimg.width > maxwidth) { oldwidth = myimg.width; myimg.height = myimg.height * (maxwidth/oldwidth); myimg.width = maxwidth; } }else{ if(myimg.height > maxheight) { oldheight = myimg.height; myimg.width = myimg.width * (maxheight/oldheight); myimg.height = maxheight; } } }}//缩放图片到合适大小ResizeImages();</script><p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
用到的图片:
阅读全文
0 0
- JS图片自动按比例缩小代码(防止页面被图片撑破)
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- 图片自动缩小的js代码,用以防止图片撑破页面
- js让图片自动按比例缩小代码
- 图片不完全按比例自动缩小
- 按比例缩小图片
- 图片的按比例缩小.
- js按比例缩小图片
- 按比例缩小图片
- IOS 图片按比例缩小
- 按比例缩小图片类(无组件)
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- C#中上传图片按比例自动缩小或放大
- .Net中上传图片按比例自动缩小或放大
- .Net中上传图片按比例自动缩小或放大
- 车牌识别EasyPR--开发详解
- Vmware12上安装和配置ubuntu系统总结
- Unity中的start()和构造函数的关系
- 生产者2
- Puthon 调试
- 图片自动按比例缩小代码(防止页面被图片撑破)
- UVA_live 7720 思考 数论 快速幂取模
- hibernate之crud小案例
- 【Angular】重新安装Cli
- 面试经验总结——测试岗
- Qt入门-layout布局
- Java--参加会议(两种方法)
- 第22篇 ffmpeg 调试
- Java开发规范(一)