不一样的商品放大镜效果

在外国的网站上看到的这种效果，基于jqzoom修改成目前这种样子。

评论

26 楼 baochunyu 2010-07-14  

这种效果很不错 可以用来做截图之类的功能 在朋友做的网站上看到如此功能 感到神奇的很啊

25 楼 freshman008 2010-06-17  

不错
以前在淘宝上看到过
一直没有弄明白，现在欧了

24 楼 xiaoleizi 2010-05-19  

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

23 楼 aguai0 2010-05-05  

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

22 楼 liubin127 2010-04-20  

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

21 楼 kyokuryou 2010-04-19  

elf8848 写道

meiok 写道

效果很好，但怎么会是两幅图片呢，都不知道怎样应用

是两幅图片, 京东商城就有这个应用

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

20 楼 cunsky 2010-04-07  

jiangwb1 写道

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

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

19 楼 jiangwb1 2010-04-07  

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

18 楼 airy.978 2010-04-05  

恩，效果不错

17 楼 提烟而过 2010-04-01  

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

16 楼 lucky16 2010-03-30  

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

15 楼 haiyupeter 2010-03-30  

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

14 楼 笨笨狗 2010-03-30  

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

13 楼 e3002 2010-03-30  

效果不错啊

12 楼 拜月小刀 2010-03-29  

效果还可以 jqzoom  这个插件 很早就有了

11 楼 sunjinglai 2010-03-29  

效果真不错，收下。。。。。

10 楼 ccxw1983 2010-03-29  

呵呵不错的阿

9 楼 kuchaguangjie 2010-03-29  

京东上有的，难道你们没上过 360buy.com 吗？ ......

8 楼 happysoul 2010-03-29  

很多地方都有用这种效果，不过给我的感觉好像只有一张分辨率非常大的图片
放大只是对于原图片的一个等比例区域选择 background-position

7 楼 cunsky 2010-03-29  

iaimstar 写道

非选择区半透明有必要吗？

额，，老板死活要这种效果，被B出来的。