JavaScript 動(dòng)態(tài)改變圖片大小
更新時(shí)間：2009年06月11日 03:03:11 作者：
本文作者通實(shí)際操作，發(fā)現(xiàn)可以用Javascript代碼簡單實(shí)現(xiàn)：對于圖片大于100 X 100，則將其縮小為 100 X 100，若比這個(gè)小，則保持原圖大小。
最近由于項(xiàng)目需要，在實(shí)現(xiàn)圖片的時(shí)候，若圖片大于100 X 100，則將其縮小為 100 X 100，若比這個(gè)小，則保持原圖大小。經(jīng)過研究發(fā)現(xiàn)，可以用Javascript代碼簡單實(shí)現(xiàn)。
Javascript代碼：
<script>
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; }
</script>
頁面代碼：
﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥
經(jīng)測試在IE6，F(xiàn)irefox，Google Chrome 均正常工作。
Javascript代碼：
復(fù)制代碼 代碼如下:
<script>
function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; }
</script>
頁面代碼：
復(fù)制代碼 代碼如下:
﹤img src="file:///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥
經(jīng)測試在IE6，F(xiàn)irefox，Google Chrome 均正常工作。
您可能感興趣的文章:
- JS動(dòng)態(tài)修改圖片的URL（src）的方法
- js動(dòng)態(tài)切換圖片的方法
- js浮動(dòng)圖片的動(dòng)態(tài)效果
- JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法
- JS中通過url動(dòng)態(tài)獲取圖片大小的方法小結(jié)(兩種方法)
- JavaScript動(dòng)態(tài)生成二維碼圖片
- js動(dòng)態(tài)往表格的td中添加圖片并注冊事件
- javascript實(shí)現(xiàn)瀑布流動(dòng)態(tài)加載圖片原理
- js、jquery圖片動(dòng)畫、動(dòng)態(tài)切換示例代碼
- javascript 動(dòng)態(tài)調(diào)整圖片尺寸實(shí)現(xiàn)代碼
- JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法完整示例
相關(guān)文章
純js和css實(shí)現(xiàn)漸變色包括靜態(tài)漸變和動(dòng)態(tài)漸變
用javascript實(shí)現(xiàn)一下所謂的動(dòng)態(tài)漸變，考慮動(dòng)態(tài)原因就不上圖了，我來簡單介紹下思路2014-05-05
上傳圖片對圖片進(jìn)行一下預(yù)覽，可以了解圖片上傳后大概會(huì)是什么樣子，此功能用js實(shí)現(xiàn)，然后在fileupload控件的change事件中調(diào)用，這樣當(dāng)用fileupload選擇完圖片以后，圖片就會(huì)自動(dòng)顯示出來了。功能很簡單，卻很實(shí)用。2013-03-03
Javascript 獲取字符串字節(jié)數(shù)的多種方法
Javascript 字符串字節(jié)數(shù)獲取功能多種方法2009-06-06
javascript 子窗體父窗體相互傳值方法,一般都是用window.open函數(shù)，下面腳本之家給出具體的代碼。2010-05-05
這篇文章主要介紹了JavaScript取得鍵盤按下方向鍵是哪個(gè)的方法,涉及javascript針對鍵盤按鍵事件的判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了bootstrap表單示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
javascript獲取當(dāng)前的時(shí)間戳的方法匯總
這篇文章主要介紹了javascript獲取當(dāng)前的時(shí)間戳的方法匯總的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了淺談webpack組織模塊的原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
style、 currentStyle、 runtimeStyle區(qū)別分析
style、 currentStyle、 runtimeStyle區(qū)別分析,需要的朋友可以參考下。2010-08-08
原生JavaScript實(shí)現(xiàn)彈幕組件的示例代碼
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)彈幕組件的示例代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10