update:更新版本v0.8.1

lixianbin1 · Apr 2, 2022 · a4c2243 · a4c2243
1 parent 0b411ef
commit a4c2243
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "imgzoom-li",
-  "version": "0.7.5",
+  "version": "0.8.1",
   "description": "一个可以查看图片(可以缩放，拖拽)的JS插件",
-  "main": "./src/imgZoom.js",
+  "main": "./src/imgZoom.min.js",
   "keywords": [
     "图片",
     "缩放",

diff --git a/src/imgZoom.js b/src/imgZoom.js
@@ -1,9 +1,11 @@
 /*!
- * imgZoom JavaScript Library v0.7.5
- * Date: 2021-06-10 14:34
+ * imgZoom JavaScript Library v0.8.1
+ * Author: lixianbin1
+ * GitHub: https://github.com/lixianbin1/imgZoom
+ * Date: 2022-04-02 11:22
  */
 "use strict";
-
+let iconBase64="data:image/png;base64,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"
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,23 +18,22 @@ var imgZoom = function () {
   var top = "50%";
   if (isPE()) {
     console.warn('手机端兼容性未适配，可能出现未知错误！！');
-  };
+  }
 
   //设置全局配置option
   function setOption(obj) {
+    var wid = parseFloat(obj.width);
+    var path = new RegExp(/^(100|[1-9]?\d(\.\d\d?)?)%$/);
     if (obj && obj.width) {
-      var wid = parseFloat(obj.width);
       width = wid;
     }
     if (obj && obj.left) {
-      var path = new RegExp(/^(100|[1-9]?\d(\.\d\d?)?)%$/);
       var isb = path.test(obj.left);
       if (isb) {
         left = obj.left;
       }
     }
     if (obj && obj.top) {
-      var path = new RegExp(/^(100|[1-9]?\d(\.\d\d?)?)%$/);
       var _isb = path.test(obj.top);
       if (_isb) {
         top = obj.top;
@@ -43,7 +44,7 @@ var imgZoom = function () {
       left: left,
       top: top
     };
-  }; 
+  }
 
   //判断是否在电脑端
   function isPE() {
@@ -77,7 +78,31 @@ var imgZoom = function () {
     imgb.style.position="fixed";
     imgb.style.zIndex="9999";
     body.appendChild(imgb);
-    imgb.innerHTML = '<div id="_imgzoom" style="width:' + imgwidth + 'px;position:fixed;top:' + imgtop + ';left:' + imgleft + ';transform: translate(-50%,-50%);background:#fff;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:       none;padding:5px 10px 25px;"><div class="header" style=""><p style="margin:0;padding:8px 0">滚动滚轮缩放图片<span style="float:right"><a id="imgzoom_imglink" class="imgzoom_imglink" target="_blank" title="在新窗口打开" href="' + url + '" style="background: url(data:image/gif;base64,R0lGODlhYQA4AKIAAAAAAP///0SXzJmZmf///wAAAAAAAAAAACH5BAEAAAQALAAAAABhADgAAAP/SLo7/o7JSRW8uOqKeyQdGG6k6I2ldq4ZA6XbR8rw9MyX+tZURDcDEa8XLO2Iwd9QWOwJl65m7Ia0SKFKIjQK7Fqz1OdWjMryZLfwkesdo1viLS0HNI919aMd9gt/r1p3ZHB7KXNraxyAS290cVhNaY2LEoWGlJWYfJGceUaamyAqj4ygf5+CTIs+pjiXfjaWqLNuhSweqbeOcrqSt6l/LMC9rcDGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8TwC9PX0qfb5+sD6/fcE/QAGvOOvoKCCCPcxsHdQQIp/Y+qRUEghX0OBFR1C3LJRkAPDChI7LrnnECRGgiUnSsxYUuQQlxNg1oBIM+VHCStPRrRJUSaMmhqBplw41OdDnhYVGC2xManSnM+E5lyqEmfHmx6HckR6k+qGplixgtQKRWrNi0+DcmVKdmTbmG9n8lwglC0+jR51bj261OvXoBn1lo1LFCpcwj8RP22IOKG/u44Nu41MMrIxyor5OiaQAAA7) no-repeat 0 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">在新窗口打开</a><a id="imgzoom_resize" class="imgzoom_resize" href="javascipt:;" title="优化显示" style="background: url(data:image/gif;base64,R0lGODlhYQA4AKIAAAAAAP///0SXzJmZmf///wAAAAAAAAAAACH5BAEAAAQALAAAAABhADgAAAP/SLo7/o7JSRW8uOqKeyQdGG6k6I2ldq4ZA6XbR8rw9MyX+tZURDcDEa8XLO2Iwd9QWOwJl65m7Ia0SKFKIjQK7Fqz1OdWjMryZLfwkesdo1viLS0HNI919aMd9gt/r1p3ZHB7KXNraxyAS290cVhNaY2LEoWGlJWYfJGceUaamyAqj4ygf5+CTIs+pjiXfjaWqLNuhSweqbeOcrqSt6l/LMC9rcDGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8TwC9PX0qfb5+sD6/fcE/QAGvOOvoKCCCPcxsHdQQIp/Y+qRUEghX0OBFR1C3LJRkAPDChI7LrnnECRGgiUnSsxYUuQQlxNg1oBIM+VHCStPRrRJUSaMmhqBplw41OdDnhYVGC2xManSnM+E5lyqEmfHmx6HckR6k+qGplixgtQKRWrNi0+DcmVKdmTbmG9n8lwglC0+jR51bj261OvXoBn1lo1LFCpcwj8RP22IOKG/u44Nu41MMrIxyor5OiaQAAA7) no-repeat -40px 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">优化显示</a><a id="imgzoom_close" class="imgzoom_close" href="javascript:;" title="关闭" style="background: url(data:image/gif;base64,R0lGODlhYQA4AKIAAAAAAP///0SXzJmZmf///wAAAAAAAAAAACH5BAEAAAQALAAAAABhADgAAAP/SLo7/o7JSRW8uOqKeyQdGG6k6I2ldq4ZA6XbR8rw9MyX+tZURDcDEa8XLO2Iwd9QWOwJl65m7Ia0SKFKIjQK7Fqz1OdWjMryZLfwkesdo1viLS0HNI919aMd9gt/r1p3ZHB7KXNraxyAS290cVhNaY2LEoWGlJWYfJGceUaamyAqj4ygf5+CTIs+pjiXfjaWqLNuhSweqbeOcrqSt6l/LMC9rcDGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8TwC9PX0qfb5+sD6/fcE/QAGvOOvoKCCCPcxsHdQQIp/Y+qRUEghX0OBFR1C3LJRkAPDChI7LrnnECRGgiUnSsxYUuQQlxNg1oBIM+VHCStPRrRJUSaMmhqBplw41OdDnhYVGC2xManSnM+E5lyqEmfHmx6HckR6k+qGplixgtQKRWrNi0+DcmVKdmTbmG9n8lwglC0+jR51bj261OvXoBn1lo1LFCpcwj8RP22IOKG/u44Nu41MMrIxyor5OiaQAAA7) no-repeat -80px 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">关闭</a></span></p></div><div style="position:relative;"><div class="last" style="display: block;position: absolute;width: 80px;height: 100%;left:0;cursor: pointer;background:rgba(0,0,0,0);"><p style="background:#fff;color:#000;position:absolute;top:40%;left:0;margin:0;padding:5px;font-size:12px;display:none">上一张</p></div><div class="next" style="display: block;position: absolute;width: 80px;height: 100%;right:0;cursor: pointer;background:rgba(0,0,0,0);"><p style="background:#fff;color:#000;position:absolute;top:40%;right:0;margin:0;padding:5px;font-size:12px;display:none;z-index">下一张</p></div><img id="net" src="' + url + '" oncopy="return false;" style="width:100%;vertical-align: top;"></div></div><div class="imgzoom_shadow" style="position:fixed;width: 100%;height: 100%;background-color: rgb(0, 0, 0);top:0;left:0;opacity: 0.5;"/></div>';
+    imgb.innerHTML = `
+    <div id="_imgzoom" class="_imgzoom_box" style="width:` + imgwidth + `px;position:fixed;top:` + imgtop + `;left:` + imgleft + `;transform: translate(-50%,-50%);background:#fff;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:       none;padding:5px 10px 25px;">
+      <div class="header" style="">
+        <p class="_imgzoom_title" style="margin:0;padding:8px 0">
+          滚动滚轮缩放图片
+          <span style="float:right">
+            <a id="imgzoom_check" class="imgzoom_check" target="_blank" title="切换主题" style="background: url(`+ iconBase64 +`) no-repeat -120px 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">切换主题</a>
+            <a id="imgzoom_imglink" class="imgzoom_imglink" target="_blank" title="在新窗口打开" href="` + url + `" style="background: url(`+ iconBase64 +`) no-repeat 0 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">在新窗口打开</a>
+            <a id="imgzoom_resize" class="imgzoom_resize" href="javascipt:;" title="优化显示" style="background: url(`+ iconBase64 +`) no-repeat -40px 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">优化显示</a>
+            <a id="imgzoom_close" class="imgzoom_close" href="javascript:;" title="关闭" style="background: url(`+ iconBase64 +`) no-repeat -80px 0;width:17px;height:17px;float:left;margin-left:10px;overflow:hidden;line-height:100px">关闭</a>
+          </span>
+        </p>
+      </div>
+      <div style="position:relative;">
+        <div class="last" style="display: block;position: absolute;width: 80px;height: 50%;top: 50%;transform: translateY(-50%);left:0;cursor: pointer;background:rgba(0,0,0,0);">
+          <p class="_imgzoom_title _imgzoom_box" style="background:#fff;color:#000;position:absolute;top:40%;left:0;margin:0;padding:5px;font-size:12px;display:none">上一张</p>
+        </div>
+        <div class="next" style="display: block;position: absolute;width: 80px;height: 50%;top: 50%;transform: translateY(-50%);right:0;cursor: pointer;background:rgba(0,0,0,0);">
+          <p class="_imgzoom_title _imgzoom_box" style="background:#fff;color:#000;position:absolute;top:40%;right:0;margin:0;padding:5px;font-size:12px;display:none;z-index">下一张</p>
+        </div>
+        <img id="net" src="` + url + `" oncopy="return false;" style="width:100%;vertical-align: top;">
+      </div>
+    </div>
+    <div class="imgzoom_shadow" style="position:fixed;width: 100%;height: 100%;background-color: rgb(0, 0, 0);top:0;left:0;opacity: 0.5;"/>
+  </div>`;
 
     // if (window.innerWidth <= 1024 || window.innerHeight <= 630) {
     //   if (width == "auto") {
@@ -135,7 +160,7 @@ var imgZoom = function () {
     dom.addEventListener('mousedown', function (event) {
       event.stopPropagation();
     });
-    dom.addEventListener('click', function (event) {
+    dom.addEventListener('click', function () {
       var imgurl = document.getElementById('net').src;
       var arrs = document.getElementsByClassName('imgZoom');
       for (var i = 0; i < arrs.length; i++) {
@@ -193,6 +218,32 @@ var imgZoom = function () {
     }
   } 
 
+  //切换主题
+  let isWhite=true
+  function imgCheck(event){
+    event = event || window.event;
+    event.preventDefault ? event.preventDefault() : event.returnValue = false;
+    var domb = document.getElementsByClassName('_imgzoom_box');
+    var domP= document.getElementsByClassName('_imgzoom_title')
+    if(isWhite){
+      for(let i of domb){
+        i.style.backgroundColor="black"
+      }
+      for(let i of domP){
+        i.style.color="white"
+      }
+      isWhite=false
+    }else{
+      for(let i of domb){
+        i.style.backgroundColor="white"
+      }
+      for(let i of domP){
+        i.style.color="black"
+      }
+      isWhite=true
+    }
+
+  }
   //优化显示：调整大小
   function resize(event) {
     event = event || window.event;
@@ -240,7 +291,7 @@ var imgZoom = function () {
       screenY = e.screenY;
       window.addEventListener('mousemove', position);
     });
-    window.addEventListener('mouseup', function (e) {
+    window.addEventListener('mouseup', function () {
       window.removeEventListener('mousemove', position);
     });
     function position(e) {
@@ -269,6 +320,9 @@ var imgZoom = function () {
       if (inStr(target.className, 'imgzoom_resize')) {
         resize(event);
       }
+      if (inStr(target.className, 'imgzoom_check')) {
+        imgCheck(event);
+      }
     });
     return {
       setOption: setOption,
@@ -280,7 +334,7 @@ var imgZoom = function () {
     init: function init() {
       if (!imgObj) {
         imgObj = start();
-      };
+      }
       return imgObj;
     }
   };