js实现兼容IE、Firefox的图片缩放代码
本文实例讲述了js实现兼容IE、Firefox的图片缩放代码。分享给大家供大家参考,具体如下:
functionSetSize(obj,width,height){
myImage=newImage();
myImage.src=obj.src;
if(myImage.width>0&&myImage.height>0){
varrate=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=="MicrosoftInternetExplorer"){
obj.style.zoom=rate;
}else{
obj.width=myImage.width*rate;
obj.height=myImage.height*rate;
}
}
}
用法:
<imgsrc="img/offer/41936519.jpg"border="0"style="zoom:0.1"onload="SetSize(this,80,60)"/>
这种方法在IE、FIREFOX、OPERA、NETSCAPE测试都适用。
希望本文所述对大家JavaScript程序设计有所帮助。