前端（JQuery）：使用magnify插件实现图片预览

1.下载css:jquery.magnify.min.css

   下载js:jquery.magnify.min.js

（地址：https://github.com/thdoan/magnify）

2.引入阿里图标

https://at.alicdn.com/t/font_1576642_nvbefyzwm6.css

3.img图片上加入data-src属性

4.html页面加入样式
   .magnify-modal {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) !important;
      overflow: hidden;
    }

    .magnify-header .magnify-toolbar {
      background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .magnify-stage {
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      border-width: 0 !important;
    }

    .magnify-footer .magnify-toolbar {
      background-color: rgba(0, 0, 0, 0.5) !important;
      border-top-left-radius: 5px !important;