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

function showPicwhich var currImg=documentgetElementByIdquotasquotas是你的IMG的id var myImg=new Imagevar source=whichgetAttributequothrefquot定義圖像對象，獲取寬高 myImgsetAttributequotsrcquot，source；可以使用單獨的JS函數(shù)，在ltBODY的ONLOAD里調(diào)用，來實現(xiàn)圖片縮放JS代碼function imgfixlen obj=documentgetElementsByTagNamequotimgquotfori=0iltobjlengthi++ ifobjiclassName==quotfutuquot ifobj；backgroundrepeatnorepeat是否平鋪，否*也可以*backgroundsize40%100%對背景圖片進行拉伸當(dāng)然用js的話也可以=#3950px 100px#39=#39onrepeat#39；如果僅僅是要自動改大小的話，代碼如下首先需要給自動改尺寸的img標簽添加onload=#39imgAutoresizethis#39屬性，然后代碼包含以下function imgAutoresizeo ifowidth 700 var iwidth = owidthvar iheight；共有二法法一用js算出其長度高度再調(diào)用算法安比例擴大法二事先準備一張圖片，用程序來調(diào)用新的圖片；分數(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 屬性 來改變圖片大小；js圖片變大修改css，和width可以改，批量的話就是取到元素集合，for遍歷過去，都修改寬高。

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

說個大概，基本上就是用 js控制div的顯示隱藏，再加上css對div的樣式，位置進行控制。