左侧栏图片可放大查看

.vscode/bookmarks.json

@@ -0,0 +1,14 @@
+{
+	"files": [
+		{
+			"path": "index.html",
+			"bookmarks": [
+				{
+					"line": 68,
+					"column": 42,
+					"label": ""
+				}
+			]
+		}
+	]
+}

index.html

@@ -14,6 +14,9 @@
 		<meta name="twitter:image:height" content="1080">		
 		<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep">
 		<link rel="stylesheet" href="css/main.css?v=2.2.6">
+    <script src="js/viewer.min.js"></script>
+		<link  href="css/viewer.min.css" rel="stylesheet">
+    <script type="module" defer src="js/temp.js"></script>
 	</head>
 	<div id='wx_pic' style='margin:0 auto;display:none;'>
 		<img id="weixin" src='images/matterportLogoColor.png' />
@@ -336,11 +339,9 @@
 			  你的浏览器不支持HTML5
 		   </source>
 		</audio>
-		
 		<script src="js/jquery-2.1.1.min.js" class="build keep"></script>
 		<script src="js/jquery.fracs-0.15.0.min.js" class="build keep"></script>
 		<script src="js/myshow.js"></script>
 		<script src="js/main2018.js?v=2.2.6"></script>
-		
 	</body>
 </html>

js/temp.js

@@ -0,0 +1,11 @@
+const sideImgEl = document.getElementById('sideimg')
+sideImgEl.addEventListener('click', () => {
+  const viewer = new Viewer(sideImgEl, {
+    hide() {
+      setTimeout(() => {
+        viewer.destroy()
+      }, 500);
+    }
+  });
+  viewer.show()
+})