这样写是对的，是可以改变图片长宽的代码贴出来看看吧；今天通过收集整理，把我常用的方法贴出来，希望能对需要的同行朋友有点帮助~~首称贴一段js代码var Image = function SetMiddleimage， height 重设图片大小后让图片相对于DIV居中if typeofimage == #39st；动态添加图片缩放 ___lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot Untitled Document function addPic var imgs=quotyour_pic_pathquotvar im=documentcreateElementquot；本文旨在探究js压缩图片的两种方式 改变图片长宽 ， 改变图片质量 ，和结合了以上两者的 最终方案 首先，阅读本文需要知道canvas的两个方法 这两个方法具体的说明可以在MDN上查看，关于图片压缩，也有很多现成的博客可以直接。

function showPicwhich var currImg=documentgetElementByIdquotasquotas是你的IMG的id var myImg=new Imagevar source=whichgetAttributequothrefquot定义图像对象，获取宽高 myImgsetAttributequotsrcquot，source；可以使用单独的JS函数，在ltBODY的ONLOAD里调用，来实现图片缩放JS代码function imgfixlen obj=documentgetElementsByTagNamequotimgquotfori=0iltobjlengthi++ ifobjiclassName==quotfutuquot ifobj；backgroundrepeatnorepeat是否平铺，否*也可以*backgroundsize40%100%对背景图片进行拉伸当然用js的话也可以=#3950px 100px#39=#39onrepeat#39；如果仅仅是要自动改大小的话，代码如下首先需要给自动改尺寸的img标签添加onload=#39imgAutoresizethis#39属性，然后代码包含以下function imgAutoresizeo ifowidth 700 var iwidth = owidthvar iheight；共有二法法一用js算出其长度高度再调用算法安比例扩大法二事先准备一张图片，用程序来调用新的图片；分数太少，我只能讲一下思路 如果你有用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时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找；这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件。

说个大概，基本上就是用 js控制div的显示隐藏，再加上css对div的样式，位置进行控制。