jquery实现图片放大镜效果
龙行web前端-11-2239380评论
分享一个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拿去捣鼓吧
链接:/5BImDtm
密码:
此处内容已隐藏,评论后刷新即可查看!
评论一下
赞助站长
赞助站长X
版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
本文网址:/105.html