镜头效果的图像放大镜jQuery插件_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

Dailycoding.com

Download source | Back to article


Note - If you are using IE 8 or lower than you will see a square lens

Demo 1 - Default lens

$("#img_01").imageLens();

 

Demo 2 - Custom lens size

$("#img_02").imageLens({ lensSize: 200 });

 

Demo 3 - Custom image source

$("#img_03").imageLens({ imageSrc: "sample01.jpg" });

 

Demo 4 - Other lens properties

$("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });
 

Image courtesy http://www.smashingmagazine.com/

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

镜头效果类似圆圈来放大显示图片的图像放大镜jQuery插件

镜头效果的图像放大镜jQuery插件,可以在图片上生成一个镜头类似的圆圈来放大显示图片,需要准备大小两张图片来实现放大效果,经测试效果非常酷,感兴趣的朋友可以下载学习下。