1可以将图片放大的容器或元素设置为fixed，这样就可以当鼠标悬停时，容器将会覆盖在其他图片上方2将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止3给图片放大容器添。

分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style。

输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图。

1新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleXn”，scaleXn指的是对宽度进行缩放，n指的是缩放比例2将transform的属性值改为“scaleYn”。

maximumscale=2 表示页面最大放大2倍，这样你只要双击图片就可以实现放大了，如果是要js来实现的话 那就得写拖动插件了 原理先改变图片那个div的宽度为2倍然后定义那个div为绝对定位，这个div可以拖动需要js来监听。

2在弹出的“图像大小”窗口中，将“宽度”和“高度”设置为A4纸的大小，即210毫米宽297毫米高同时，将“分辨率”设置为300像素英寸3点击“确定”按钮，这时你会发现图片已经被缩小了4如果你想要将图片放大到。

富文本编辑器中需支持图片点击放大功能，也可用这种方式实现 原效果点击放大后的效果。

制作图片的放大效果我考虑到的方法是将原始图片绘制到canvas上，然后在对canvas进行局部裁剪最后对裁剪的部分进行放大，这样就可以实现放大镜的效果这里我给出一个实现这个想法的示例该示例实际上就是运用HTML5 canvas中对。

操作方法如下1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是ltbody标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div。

inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一个jquery文件，图片地址替换一下就可以了。

1选中文档中绘制的图2单击图片工具格式选项卡右下角如图所示的按钮3弹出大小对话框，去掉锁定纵横比和相对于图片原始尺寸复选框中的对勾，在高度和宽度输入框中输入所需要的数值即可，如图所示。

你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。

附件是一个简单的点击放大的效果， 你可以看一下。

感觉上放大或者缩小是你心里的作用，这个和布局一样，就跟你在家用个22寸的显示器和你去商场看个22寸的显示器一样，大小没有变，但是周围的环境大了所以你会感觉大小变了 至于老溢出的话有两种解决办法你可以设置图片的。

你好亲，手机图片可以这样弄成1比1工具VIVOiQOO Neo5OriginOS10 第一步打开想要设置的照片，点击下方的编辑 第二步点击“构造”第三步点击“裁剪”第四步在下方点击“11”再点击对钩就好了。