js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼
更新時(shí)間:2015年12月08日 12:20:01 作者:蛐蛐
這篇文章主要介紹了js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)兼容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; } } }
用法:
復(fù)制代碼 代碼如下:
<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>
這種方法在IE、FIREFOX、OPERA、NETSCAPE測(cè)試都適用。
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
JavaScript 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)(xml同步/異步加載、xsl轉(zhuǎn)換、selectSingleNode、selectNodes)2011-11-11javascript中強(qiáng)制執(zhí)行toString()具體實(shí)現(xiàn)
Javascript通常會(huì)根據(jù)方法或運(yùn)算符的需要而自動(dòng)把值轉(zhuǎn)成所需的類型,這可能導(dǎo)致各種錯(cuò)誤,接下來(lái)為大家介紹下javascript如何強(qiáng)制執(zhí)行toString(),感興趣的朋友可以參考下哈2013-04-04火狐下input焦點(diǎn)無(wú)法重復(fù)獲取問題的解決方法
input輸入框顯示的時(shí)候,需要自動(dòng)獲取焦點(diǎn),用focus可以輕松搞定,但在火狐下input無(wú)法獲取焦點(diǎn),下面與大家分享下不錯(cuò)的解決方法2014-06-06JavaScript中for..in循環(huán)陷阱介紹
for...in循環(huán)中的循環(huán)計(jì)數(shù)器是字符串,而不是數(shù)字它包含當(dāng)前屬性的名稱或當(dāng)前數(shù)組元素的索引,下面有個(gè)不錯(cuò)的示例大家可以參考下2013-11-11JavaScript學(xué)習(xí)筆記之ES6數(shù)組方法
ES6給數(shù)組添加了一些新特性,而這些新特性到目前為止完全可以運(yùn)用到自己的業(yè)務(wù)層。在這一節(jié)中將總結(jié)有關(guān)于ES6給數(shù)組提供一些新特性的使用方法2016-03-03