js实现兼容IE、Firefox的图片缩放代码


Posted in Javascript onDecember 08, 2015

本文实例讲述了js实现兼容IE、Firefox的图片缩放代码。分享给大家供大家参考,具体如下:

function SetSize(obj, width, height) {
  myImage = new Image();
  myImage.src = obj.src;
  if (myImage.width > 0 && myImage.height > 0) {
    var rate = 1;
    if (myImage.width > width || myImage.height > height) {
      if (width / myImage.width < height / myImage.height) {
        rate = width / myImage.width;
      } else {
        rate = height / myImage.height;
      }
    }
    if (window.navigator.appName == "Microsoft Internet Explorer") {
      obj.style.zoom = rate;
    } else {
      obj.width = myImage.width * rate;
      obj.height = myImage.height * rate;
    }
  }
}

用法:

<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>

这种方法在IE、FIREFOX、OPERA、NETSCAPE测试都适用。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript URL参数读取改进版
Jan 16 Javascript
基于JQuery实现异步刷新的代码(转载)
Mar 29 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
Javascript函数的参数
Jul 16 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
微信小程序实现左右联动的实战记录
Jul 05 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 #Javascript
JS获取文件大小方法小结
Dec 08 #Javascript
js+ajax实现获取文件大小的方法
Dec 08 #Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 #Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 #Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 #Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 #Javascript
You might like
php中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
PHP使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
js压缩利器
2007/02/20 Javascript
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
prototype 中文参数乱码解决方案
2009/11/09 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
JS 对java返回的json格式的数据处理方法
2016/12/05 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
2017/08/16 jQuery
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
什么是封装
2013/03/26 面试题
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
幼儿园工作总结2015
2015/04/01 职场文书
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android