用JavaScript实现图片点击放大再次点击恢复代码如下知识拓展JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分是DOM文档对象模型，也就是HTML元素的结构通过Ajax可以使HTML页面通过JavaScr。

第一种方法将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display隐藏 displayblock显示 然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示第二种方法，只有一个大的div，里面放标签，但是src也就是路径是。

这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件flyout弹出图片 三。

图片按比例缩放 function DrawImageImg，WIDTH，HEIGHT var image=new Imageimagesrc=Imgsrcwidth=WIDTH预先设置的所期望的宽的值 height=HEIGHT预先设置的所期望的高的值 ifimagewidthwidthimageheightheight现有图片只有宽或高超了预设值就进行js控制 w=imagewidth。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示。

具体来说，我们首先需要一个背景图片作为展示的大图，再用一个小的透明方块来模拟鼠标拖拽的滑块，并通过JavaScript来控制这个小方块的位置当用户点击并拖动这个小方块时，大图的局部会被放大显示在另一个小方块上下面是具体的实现代码首先，我们定义一个包含大图的盒子，设置背景图片及其尺寸然后，创建。

1你可以用JS改变那张图片的SRC路径如documentgetelementbyidquotidquotsrc=quotquot当然路径里可以带上图看的高和宽这样来改变你的图片2就是像你说的，可以Display，来显示和隐藏3也可以是一个弹出层里面引用的一张较大的图片，这个代码有点多如果需要可以发MAIL我haven@a。

用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。