不一样的商品放大镜效果

如果用canvas来做，只需要一张图，你放大多少倍都可以……

啥啥，发现了一个bug，小图片名称的后缀大小写有误，不过还是不错的，嘻嘻。。

这一个效果   很多网上商城现在都又的,  京东 ,新蛋, 还有其他的!

所有网购项目的产品详细页面都是这种图片查看模式，记得第一个大型平购平台也是借鉴的京东上面的。所有的就一张大图，绝不是两张。

这就一个jquery的插件JQzoom比这个效果好，功能还全

发现好多人没明白我说的“不一样”在哪。
先说明一点，我只是把jqzomm修改了一下，实现了目前的效果。没有说是我的原创。
我说的“不一样”在于：左边的小图片中的阴影部分和小窗口部分其实是两张图片中的。使用这种方式就是为了使窗口是透明，周围是模糊的。额，，，可能有人会觉得这个效果很“鸡肋”，我也是被老板逼出来的，放到je上来共享之。

其实不用两幅图片也可以实现的,按比例缩小显示那张的尺寸就可以了,放大时候显示出原图(尺寸).注意:一定按比例缩小显示的图片,否则图片会变样的(花,畸形).
一.不必为了相同内容的图片开发两张,同时可以减少服务器的资源,而且使用起来方便.
二.可以提升浏览速度,因为那张图片已经下载到客户端了,客户端只需要显示出图片的(原)尺寸即可,无须重新从服务器下载图片.

效果不错，唯一缺憾就是用了两张图片。

以前也用jquery做过类似的，图片放大显示，需要两张图片

这种实现，要高分辨率的图片才能展现出比较好的效果，而且必须是两张