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

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

 13873  188  查看评论 (0)
分享到微信朋友圈
X
原生js仿华为产品放大镜效果 ie兼容9

更新时间: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'
    ]
};
相关插件-图片展示

jQuery鼠标滚轮放大缩小查看图片(原创)

使用jquery实现点击放大图片之后,使用鼠标滚轮放大缩小图片,点击遮罩关闭图片
  图片展示
 58533  378

在圆点上不断滑动鼠标看看效果

图片以圆点显示,随着鼠标的滑动,圆点的尺寸越来越小,图片越来越清晰
  图片展示
 31494  449

鼠标划过图片放大效果

一般用于展示类,鼠标滑过,图片放大,焦点图
  图片展示
 47740  480

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 36883  434

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复