这篇文章主要介绍了 js 实现兼容 IE、Firefox 的图片缩放代码, 涉及 JavaScript 操作图片元素的相关技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: