脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js兼容IE、Firefox的图片缩放

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

 更新时间：2015年12月08日 12:20:01   作者：蛐蛐  
这篇文章主要介绍了js实现兼容IE、Firefox的图片缩放代码,涉及JavaScript操作图片元素的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • element-ui组件输入框之放大镜搜索图标问题

    element-ui组件输入框之放大镜搜索图标问题

    这篇文章主要介绍了element-ui组件输入框之放大镜(搜索图标)的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • uniapp 实现微信小程序全局分享的示例代码

    uniapp 实现微信小程序全局分享的示例代码

    本文主要介绍了uniapp 实现微信小程序全局分享的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-12-12
  • 自制微信公众号一键排版工具

    自制微信公众号一键排版工具

    这篇文章主要介绍了自制微信公众号一键排版工具的相关资料,需要的朋友可以参考下
    2016-09-09
  • webpack3之loader全解析

    webpack3之loader全解析

    这篇文章主要介绍了webpack3之loader全解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 前端常用6种数据加密方式的使用详细讲解

    前端常用6种数据加密方式的使用详细讲解

    在前端开发中,常用的数据加密技术包括Base64编码、MD5哈希、SHA-256哈希、AES对称加密、RSA非对称加密和HMAC消息认证码,这些加密方式提供了不同层次的数据安全保护,适用于不同的安全需求和场景,需要的朋友可以参考下
    2024-09-09
  • 常用的js验证和数据处理总结

    常用的js验证和数据处理总结

    遇到需要对数据及表单验证的，我相信大家都像我一样，喜欢在网上找相关的方法，因为自己写的话，是比较耗时的。今天就给大家分享一下，自己在工作中总结的一些常用的js。
    2016-08-08
  • 深入探究使JavaScript动画流畅的一些方法

    深入探究使JavaScript动画流畅的一些方法

    这篇文章主要介绍了使JavaScript动画流畅的一些方法,包括与CSS动画效果的一些对比,需要的朋友可以参考下
    2015-06-06
  • 关于layui表单中按钮自动提交的解决方法

    关于layui表单中按钮自动提交的解决方法

    今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 完美解决IE低版本不支持call与apply的问题

    完美解决IE低版本不支持call与apply的问题

    这篇文章主要是对解决IE低版本不支持call与apply的问题进行了详细的介绍。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • JavaScript将一个数组插入到另一个数组的方法

    JavaScript将一个数组插入到另一个数组的方法

    这篇文章主要介绍了JavaScript将一个数组插入到另一个数组的方法,涉及javascript中Array.prototype.push.apply方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03

最新评论