配置使用 jQuery Magnify 图片查看器

效果预览:

https://zdmaoa.gitee.io/jquery_magic_image_viewer/


使用方法:

1. 下载文件

官方项目地址:https://github.com/thdoan/magnify

或者这里下载,只保留了需要的文件:码云地址
需要用到 assets 文件夹里的css和js

2. html

data-src 是大图链接 这里可以不用添加data-src属性,后面可以用jq追加

3. css

  
  
  
  
  
  
  

4. js (手动初始化方法)

  
  
  
  
  
  
  

自动初始化方法和其他参数说明可以看官网文档

官网地址:https://thdoan.github.io/magnify/

你可能感兴趣的:(前端,html)