html做图片放大镜,jquery实现图片放大镜效果

jquery实现图片放大镜效果

龙行    web前端    2018-11-22    3938    0评论

分享一个jquery制作的图片放大镜效果,这种常用的一般在电商商品详情展示页用的比较多,通过放大图片让消费者更能清晰查看商品细节,增加用户体验度,通过原图放大不会造成图片失真,找到这个demo分享给大家:

首先是引入Jquery文件jquery-1.2.6.min.js和CSS样式表。其次在需要放大的图片上添加属性jqimg，属性值和src值一致，也就是在原图上放大的

jquery操作代码

$(function(){

$(".jqzoom").jqueryzoom({

xzoom:400,

yzoom:400,

offset:10,

position:"right",

preload:1,

lens:1

});

})

然后页面底部引入js

下面是完整demo拿去捣鼓吧

链接：https://share.weiyun.com/5BImDtm

密码:

此处内容已隐藏，评论后刷新即可查看！

评论一下

赞助站长

赞助站长X

版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《龙行博客》。

本文网址：https://www.liaotaoo.cn/105.html