求一个简单的点击图片放大缩小的JS代码

1、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

我们提供的服务有：成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、睢阳ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的睢阳网站制作公司

2、代码如下： 单击图片即可放大图片 点击图片预览效果。

3、一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。

怎样用JQuery改变已经加载完毕并显示在页面上的图片的大小?

1、JQuery：(.test_w img).click(function(){ alert($(this).width())；})为了测试我直接用click动作看能否取得图片宽度，测试可以得到正常的图片宽度。

2、首先你要先准备好small.jpg、big.jpg小图和大图；然后加载jquery文件；开始写效果代码。

3、在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。

4、上面这个宽和高是你看到的图片的大小，不一定是图片本身的真实尺寸（有可能在 HTML 中你设置了 width 和 height）。

怎么用js实现图片的缩小?

1、缩放的是整个画布，缩放后，继续绘制的图形会被放大或缩小。

2、所以，根据需求，上传图片不能超过500k的情况下尽可能保留图片的清晰度。当然如果可以的情况下用上面提到的 canvas.toDataURL 设置压缩程度为0.9，0.8试试看，图片质量可以接受，大小会有大幅度的缩小。

3、一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。

4、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。

网站名称：jquery移入图片缩放 jquery鼠标移入图片放大
本文来源：http://pwwzsj.com/article/diehdps.html