js實現(xiàn)兼容IE、Firefox的圖片縮放代碼
更新時間：2015年12月08日 12:20:01 作者：蛐蛐
這篇文章主要介紹了js實現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了js實現(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;
}
}
}
用法：
復制代碼 代碼如下:
<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>
這種方法在IE、FIREFOX、OPERA、NETSCAPE測試都適用。
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
解決在layer.open中使用時間控件laydate失敗的問題
今天小編就為大家分享一篇解決在layer.open中使用時間控件laydate失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)轉(zhuǎn)盤抽獎功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了js調(diào)試工具Console命令詳解,需要的朋友可以參考下2014-10-10
本文給大家分享了4中圖片垂直居中顯示的效果，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-12-12
javascript設(shè)計模式之Adapter模式【適配器模式】實現(xiàn)方法示例
這篇文章主要介紹了javascript設(shè)計模式之Adapter模式,結(jié)合實例形式分析了JS適配器模式的原理與具體實現(xiàn)方法,具有一定參考借鑒價值,需要的朋友可以參考下2017-01-01
自適應(yīng)布局meta標簽中viewport、content、width、initial-scale、minimum-sca
這篇文章主要介紹了移動客戶端手機頁面布局時各標簽元素作用和適用情景，通過詳解幾種屬性讓讀者更明確自適應(yīng)布局的注意點，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要介紹了javascript里使用php代碼的方法,以實例形式展示了javascript與php代碼混編的應(yīng)用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12
預解析也叫預聲明，是提前解析聲明的意思，預解析是針對變量和函數(shù)來說的，本文將通過一些簡單的示例帶大家了解一下JS中預解析的具體使用，需要的可以參考一下2023-05-05
這篇文章主要介紹了JointJS JavaScript流程圖繪制框架解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了Bootstrap 手風琴菜單的實現(xiàn)代碼,需要的朋友可以參考下2017-01-01