Jelajahi Sumber

始宁农业小程序:代码优化

panyong 2 tahun lalu
induk
melakukan
69296188c3

TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node1.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node2.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node3.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node4.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node5.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node6.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node7.jpg


TEMPAT SAMPAH
htmldev/shiningVR/20221102/images/preview_nodeimage_node8.jpg


+ 94 - 70
htmldev/shiningVR/20221102/index.html

@@ -1,75 +1,99 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-		<title>三界镇牛场山家庭农场</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-		<meta name="mobile-web-app-capable" content="yes" />
-		<style type="text/css" title="Default">
-			body, div, h1, h2, h3, span, p {
-				font-family: Verdana,Arial,Helvetica,sans-serif;
-			}
-			/* fullscreen */
-			html {
-				height:100%;
-			}
-			body {
-				height:100%;
-				margin: 0px;
-				overflow:hidden; /* disable scrollbars */
-				font-size: 10pt;
-				-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
-			}
-			/* fix for scroll bars on webkit & >=Mac OS X Lion */ 
-			::-webkit-scrollbar {
-				background-color: rgba(0,0,0,0.5);
-				width: 0.75em;
-			}
-			::-webkit-scrollbar-thumb {
-    			background-color:  rgba(255,255,255,0.5);
-			}
-		</style>	
-	</head>
-	<body>
-<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
-		<script type="text/javascript" src="pano2vr_player.js">
-		</script>
-		<script type="text/javascript" src="skin.js">
-		</script>
-		<div id="container" style="width:100%;height:100%;overflow:hidden;">
-		<br>Loading...<br><br>
-		</div>
-		<script type="text/javascript">
-	
-			// create the panorama player with the container
-			pano=new pano2vrPlayer("container");
-			// add the skin object
-			skin=new pano2vrSkin(pano);
-			// load the configuration
-		
-			window.addEventListener("load", function() {
-				pano.readConfigUrlAsync("pano.xml");
-			});
-		</script>
-		<noscript>
-			<p><b>Please enable Javascript!</b></p>
-		</noscript>
-<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> 
-		<!-- Hack needed to hide the url bar on iOS 9, iPhone 5s --> 
-		<div style="width:1px;height:1px;"></div>
-    <style>
-        .ggskin.ggskin_scrollarea_hscrollbg {
-           height: 6px !important;
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <title>三界镇牛场山家庭农场</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
+    <style type="text/css" title="Default">
+        body, div, h1, h2, h3, span, p {
+            font-family: Verdana, Arial, Helvetica, sans-serif;
+        }
+
+        /* fullscreen */
+        html {
+            height: 100%;
+        }
+
+        body {
+            height: 100%;
+            margin: 0px;
+            overflow: hidden; /* disable scrollbars */
+            font-size: 10pt;
+            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
+        }
+
+        /* fix for scroll bars on webkit & >=Mac OS X Lion */
+        ::-webkit-scrollbar {
+            background-color: rgba(0, 0, 0, 0.5);
+            width: 0.75em;
+        }
+
+        ::-webkit-scrollbar-thumb {
+            background-color: rgba(255, 255, 255, 0.5);
         }
     </style>
-	<script>
-		window.onload = function () {
-			document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.visibility='visible'
-			document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.opacity=1
-		}
-	</script>
-	</body>
+</head>
+<body>
+<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
+<script type="text/javascript" src="pano2vr_player.js">
+</script>
+<script type="text/javascript" src="skin.js">
+</script>
+<div id="container" style="width:100%;height:100%;overflow:hidden;">
+    <br>Loading...<br><br>
+</div>
+<script type="text/javascript">
+
+  // create the panorama player with the container
+  pano = new pano2vrPlayer('container')
+  // add the skin object
+  skin = new pano2vrSkin(pano)
+  // load the configuration
+
+  window.addEventListener('load', function () {
+    pano.readConfigUrlAsync('pano.xml')
+  })
+</script>
+<noscript>
+    <p><b>Please enable Javascript!</b></p>
+</noscript>
+<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
+<!-- Hack needed to hide the url bar on iOS 9, iPhone 5s -->
+<div style="width:1px;height:1px;"></div>
+<style>
+    .ggskin.ggskin_scrollarea_hscrollbg {
+        opacity: 0;
+        height: 6px !important;
+    }
+
+    .ggskin.ggskin_scrollarea {
+        left: 0 !important;
+        bottom: 30px !important;
+        width: 100% !important;
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    .ggskin.ggskin_scrollarea > div {
+        margin-top: -31px !important;
+    }
+
+    .ggskin.ggskin_container {
+        opacity: 0;
+    }
+
+    .ggskin.ggskin_svg img {
+        visibility: hidden;
+    }
+</style>
+<script>
+  window.onload = function () {
+    document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.visibility = 'visible'
+    document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.opacity = 1
+  }
+</script>
+</body>
 </html>

+ 2 - 2
htmldev/shiningVR/20221102/skin.js

@@ -14261,10 +14261,10 @@ function pano2vrSkin(player,base) {
 				me._thumbnail_active.ggCurrentLogicStateBorderColor = newLogicStateBorderColor;
 				me._thumbnail_active.style[domTransition]='border-color 0s';
 				if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 0) {
-					me._thumbnail_active.style.borderColor="rgba(255,255,255,1)";
+					me._thumbnail_active.style.borderColor="#ff6800";
 				}
 				else if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 1) {
-					me._thumbnail_active.style.borderColor="rgba(255,255,255,1)";
+					me._thumbnail_active.style.borderColor="#ff6800";
 				}
 				else {
 					me._thumbnail_active.style.borderColor="rgba(209,209,209,1)";