fix

Author: hoothin

JiandanHero/JiandanHero.user.js

@@ -1,11 +1,11 @@
 // ==UserScript==
 // @name         煎蛋侠
-// @name:en      JiandanHero
+// @name:en      Jiandan Hero
 // @name:zh-TW   煎蛋俠
 // @namespace    hoothin
-// @version      0.5
+// @version      0.6
 // @description  为煎蛋jandan.net提供左右方向键快捷翻页、鼠标悬停显示大图、屏蔽指定用户发言等功能
-// @description:en  Tools for jiandan
+// @description:en  Tools for jandan.net
 // @description:zh-TW  為煎蛋jandan.net提供左右方向鍵快捷翻頁、鼠標懸停顯示大圖、屏蔽指定用戶發言等功能
 // @author       hoothin
 // @match        http*://jandan.net/*
@@ -34,7 +34,7 @@
         let author=authors[i];
         let authorId=author.querySelector("strong").title.replace(/防伪码：/,"");
         let changeBtn=document.createElement("a");
-        changeBtn.href="javascript:void(0);";
+        changeBtn.href=`javascript:void(0);`;
         changeBtn.id="changeBtn";
         changeBtn.style.display="none";
         author.insertBefore(changeBtn,author.querySelector("br"));
@@ -72,32 +72,38 @@
     var bigImg=document.createElement("img");
     bigImg.style.cssText="pointer-events: none;position:fixed;z-index:999";
     for(i=0;i<imgs.length;i++){
-        let img=imgs[i];
+        let img=imgs[i],left,top;
         img.onmouseover=function(e){
             bigImg.src=img.src.replace(/\/s\/custom\//,"/s/medium/").replace(/\.sinaimg\.cn\/mw600/,".sinaimg.cn/large");
             document.body.appendChild(bigImg);
+            bigImg.onload=function(){
+                relocBigImg(left, top);
+            };
         };
         img.onmouseout=function(e){
             document.body.removeChild(bigImg);
             bigImg.removeAttribute("height");
         };
         img.onmousemove=function(e){
-            var left=e.clientX;
-            var top=e.clientY;
+            left=e.clientX;
+            top=e.clientY;
             if(!bigImg.src || bigImg.src===""){
                 img.onmouseover(null);
             }
-            if(bigImg.height>document.documentElement.clientHeight){
-                bigImg.height=document.documentElement.clientHeight;
-            }
-            if(top+bigImg.height>document.documentElement.clientHeight){
-                top=document.documentElement.clientHeight-bigImg.height;
-            }
-            if(left+bigImg.width>document.documentElement.clientWidth){
-                left=document.documentElement.clientWidth-bigImg.width;
-            }
-            bigImg.style.left=left+10+"px";
-            bigImg.style.top=top+"px";
+            relocBigImg(left, top);
         };
     }
+    function relocBigImg(left, top){
+        if(bigImg.height>document.documentElement.clientHeight){
+            bigImg.height=document.documentElement.clientHeight;
+        }
+        if(top+bigImg.height>document.documentElement.clientHeight){
+            top=document.documentElement.clientHeight-bigImg.height;
+        }
+        if(left+bigImg.width>document.documentElement.clientWidth){
+            left=document.documentElement.clientWidth-bigImg.width;
+        }
+        bigImg.style.left=left+10+"px";
+        bigImg.style.top=top+"px";
+    }
 })();