小调整。

Author: wangliang181230

p/index.html

@@ -6,18 +6,18 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Pixiv工具</title>
 	<style type="text/css">
-        body{padding:0;margin:0;font-size:20px}
-		#tools{position:fixed;left:0;top:0;z-index:1;background-color:#efefef;width:100%;padding:5px 5px 0 5px}
+        body{padding:0;margin:0;font-size:20px;background-color:#1e1f22;}
+		#tools{position:fixed;left:0;top:0;z-index:1;background-color:#666;width:100%;padding:5px 5px 0 5px}
 		#tools div{padding-bottom:5px}
 		#imgs{margin-top:70px;padding:5px 0 0 5px;padding-bottom:10px}
-        img{margin-top:15px;background-color:#efefef}
-		img:first-child, img.hidden{margin-top:0}
+        img{margin-top:15px;background-color:#999}
+		img:first-child, img.hidden{margin-top:0;display:none}
 
 		.mobile #tools{top:auto;bottom:0}
 		.mobile #imgs{margin-top:0;padding-bottom:72px}
 		.mobile #imgs img:last-child{margin-bottom:70px}
 
-		#configs{position:fixed;left:0;bottom:0;z-index:2;background-color:#efefef;border:1px solid #aaa;padding:5px;width:100%;display:none}
+		#configs{position:fixed;left:0;bottom:0;z-index:2;background-color:#666;border:1px solid #aaa;padding:5px;width:100%;display:none}
 		#saveConfigPanel{text-align:center}
         .mobile #configs{top:0;bottom:auto}
 	</style>

p/index.js

@@ -250,15 +250,15 @@ function clearPid () {
 
 function showImg (img) {
 	img.title = `${img.id}  ${img.naturalWidth}✖️${img.naturalHeight}`;
-	img.classList.remove("hidden");
 	if (400 / img.naturalHeight * img.naturalWidth > windowWidth) {
 		// 宽度超过页面时，缩小显示
-		img.style.width = windowWidth + "px";
 		img.style.height = (windowWidth / img.naturalWidth * img.naturalHeight) + "px";
+		img.style.width = windowWidth + "px";
 	} else {
-		img.style.width = (400 / img.naturalHeight * img.naturalWidth) + "px";
 		img.style.height = "400px";
+		img.style.width = (400 / img.naturalHeight * img.naturalWidth) + "px";
 	}
+	img.classList.remove("hidden");
 }
 
 function stopImgInterval (img) {
@@ -286,11 +286,9 @@ function createImage (pid, n) {
 		img.src = `https://pixiv.nl/${pid}.jpg`;
 	}
 	if (n === 1 || auto.value !== '自动') {
-		img.style.width = windowWidth + "px";
 		img.style.height = "400px";
+		img.style.width = windowWidth + "px";
 	} else {
-		img.style.width = "0px";
-		img.style.height = "0px";
 		img.classList.add("hidden");
 	}
 	img.style.cursor = 'pointer';