這樣寫是對(duì)的，是可以改變圖片長(zhǎng)寬的代碼貼出來(lái)看看吧；今天通過(guò)收集整理，把我常用的方法貼出來(lái)，希望能對(duì)需要的同行朋友有點(diǎn)幫助~~首稱貼一段js代碼var Image = function SetMiddleimage， height 重設(shè)圖片大小后讓圖片相對(duì)于DIV居中if typeofimage == #39st；動(dòng)態(tài)添加圖片縮放 ___lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot Untitled Document function addPic var imgs=quotyour_pic_pathquotvar im=documentcreateElementquot；本文旨在探究js壓縮圖片的兩種方式 改變圖片長(zhǎng)寬 ， 改變圖片質(zhì)量 ，和結(jié)合了以上兩者的 最終方案 首先，閱讀本文需要知道canvas的兩個(gè)方法 這兩個(gè)方法具體的說(shuō)明可以在MDN上查看，關(guān)于圖片壓縮，也有很多現(xiàn)成的博客可以直接。

function showPicwhich var currImg=documentgetElementByIdquotasquotas是你的IMG的id var myImg=new Imagevar source=whichgetAttributequothrefquot定義圖像對(duì)象，獲取寬高 myImgsetAttributequotsrcquot，source；可以使用單獨(dú)的JS函數(shù)，在ltBODY的ONLOAD里調(diào)用，來(lái)實(shí)現(xiàn)圖片縮放JS代碼function imgfixlen obj=documentgetElementsByTagNamequotimgquotfori=0iltobjlengthi++ ifobjiclassName==quotfutuquot ifobj；backgroundrepeatnorepeat是否平鋪，否*也可以*backgroundsize40%100%對(duì)背景圖片進(jìn)行拉伸當(dāng)然用js的話也可以=#3950px 100px#39=#39onrepeat#39；如果僅僅是要自動(dòng)改大小的話，代碼如下首先需要給自動(dòng)改尺寸的img標(biāo)簽添加onload=#39imgAutoresizethis#39屬性，然后代碼包含以下function imgAutoresizeo ifowidth 700 var iwidth = owidthvar iheight；共有二法法一用js算出其長(zhǎng)度高度再調(diào)用算法安比例擴(kuò)大法二事先準(zhǔn)備一張圖片，用程序來(lái)調(diào)用新的圖片；分?jǐn)?shù)太少，我只能講一下思路 如果你有用jquery，可以 #39img#39live#39mouseover#39，function thiscss#39width#39，150thiscss#39height#39，150#39img#39live#39mouseout#39，function thiscss#39。

imgsrc=quot大圖路徑quotimgonload = function 這里獲取新賦值的圖片的寬高，然后再控制。

不存在！你可以修改圖片的樣式 width 和 height 屬性 來(lái)改變圖片大小；js圖片變大修改css，和width可以改，批量的話就是取到元素集合，for遍歷過(guò)去，都修改寬高。

用js，先是一個(gè)小圖片縮略圖，onMouseOver時(shí)觸發(fā)js寫的Function，當(dāng)然Function中是處理方法這只是簡(jiǎn)單思路，至于怎么寫網(wǎng)上有很多類似的代碼可以供你copy了，自己找找；這個(gè)是隨鼠標(biāo)移動(dòng)查看放大圖片響應(yīng)的是onmousemove事件 你可以改下 第二種方法可自定義CSS樣式，控制jQuery插件jQuery Image Flyout提示小圖片顯示效果代碼 一，包含文件 二，HTML部分DIV層內(nèi)所用圖片鏈接jQuery插件。

說(shuō)個(gè)大概，基本上就是用 js控制div的顯示隱藏，再加上css對(duì)div的樣式，位置進(jìn)行控制。