原生js仿华为产品放大镜效果

所属分类：媒体-图片展示

14674 188 查看评论 (0)

分享到微信朋友圈

查看演示立即下载

插件描述：原生js制作，可自定义遮罩大小、放大区缩放比例，通过改变backgroundposition实现放大区图片移动

更新时间：2019-12-18 00:00:06

图片数据请修改js中数组

var imgArr = {
    'big': [
        'image/p1.png',
        'image/p2.png',
        'image/p3.png',
        'image/p4.png',
        'image/p5.png',
        'image/p6.png'
    ],
    'small': [
        'image/small-p1.png',
        'image/small-p2.png',
        'image/small-p3.png',
        'image/small-p4.png',
        'image/small-p5.png',
        'image/small-p6.png'
    ]
};

js表白特效

jQuery图片拖拽缩放