fix

Author: hoothin

JiandanHero/JiandanHero.user.js

@@ -3,7 +3,7 @@
 // @name:en      Jiandan Hero
 // @name:zh-TW   煎蛋俠
 // @namespace    hoothin
-// @version      1.2
+// @version      1.3
 // @description  为煎蛋jandan.net提供左右方向键快捷翻页、鼠标悬停显示大图、屏蔽指定用户发言等功能
 // @description:en  Tools for jandan.net
 // @description:zh-TW  為煎蛋jandan.net提供左右方向鍵快捷翻頁、鼠標懸停顯示大圖、屏蔽指定用戶發言等功能
@@ -16,12 +16,14 @@
 
 (function() {
     'use strict';
-    var timer,getImgWH=function(img,callBack){
+    var timer,tempImg=document.createElement("img"),getImgWH=function(img,callBack){
         if(timer)clearInterval(timer);
+        tempImg.src=null;
+        tempImg.src=img.src;
         var check=function(){
-            if(img.width>0 || img.height>0){
+            if(tempImg.width>0 || tempImg.height>0){
                 if(timer)clearInterval(timer);
-                callBack();
+                callBack(tempImg.width,tempImg.height);
                 return true;
             }else{
                 return false;
@@ -96,17 +98,21 @@
             src=isHttps?src.replace(/http\:\/\//,"https://"):src.replace(/https\:\/\//,"http://");
             bigImg.src=img.src;
             bigImg.src=src;
+            left=e.clientX;
+            top=e.clientY;
             document.body.appendChild(bigImg);
             relocBigImg(left, top);
-            getImgWH(bigImg,function(){
-                relocBigImg(left, top);
+            getImgWH(bigImg,function(w,h){
+                relocBigImg(left, top, w, h);
             });
+            bigImg.onload=function(){
+                relocBigImg(left, top);
+            };
         };
         img.onmouseout=function(e){
             document.body.removeChild(bigImg);
             bigImg.removeAttribute("height");
             bigImg.removeAttribute("width");
-            bigImg.src=null;
         };
         img.onmousemove=function(e){
             left=e.clientX;
@@ -123,15 +129,17 @@
         bigImg.src=this.previousSibling.src;
         bigImg.src=src;
         document.body.appendChild(bigImg);
-        getImgWH(bigImg,function(){
-            relocBigImg(left, top);
+        getImgWH(bigImg,function(w,h){
+            relocBigImg(left, top, w, h);
         });
+        bigImg.onload=function(){
+            relocBigImg(left, top);
+        };
     });
     $("p").on("mouseout","div.gif-mask",function(e){
         document.body.removeChild(bigImg);
         bigImg.removeAttribute("height");
         bigImg.removeAttribute("width");
-        bigImg.src=null;
     });
     $("p").on("mousemove","div.gif-mask",function(e){
         left=e.clientX;
@@ -141,21 +149,23 @@
         }
         relocBigImg(left, top);
     });
-    function relocBigImg(left, top){
-        var type=bigImg.height/bigImg.width>document.documentElement.clientHeight/document.documentElement.clientWidth;
-        if(type && bigImg.height>document.documentElement.clientHeight){
-            bigImg.height=document.documentElement.clientHeight;
+    function relocBigImg(left, top, w, h){
+        var imgWidth=w?w:bigImg.width;
+        var imgHeight=h?h:bigImg.height;
+        var type=imgHeight/imgWidth>document.documentElement.clientHeight/document.documentElement.clientWidth;
+        if(type && imgHeight>document.documentElement.clientHeight){
+            imgHeight=document.documentElement.clientHeight;
         }
-        if(!type && bigImg.width>document.documentElement.clientWidth){
-            bigImg.width=document.documentElement.clientWidth;
+        if(!type && imgWidth>document.documentElement.clientWidth){
+            imgWidth=document.documentElement.clientWidth;
         }
-        if(top-bigImg.height<0){
+        if(top-imgHeight<0){
             top=0;
         }else{
-            top-=bigImg.height;
+            top-=imgHeight;
         }
-        if(left+bigImg.width>document.documentElement.clientWidth){
-            left=document.documentElement.clientWidth-bigImg.width;
+        if(left+imgWidth>document.documentElement.clientWidth){
+            left=document.documentElement.clientWidth-imgWidth;
         }
         bigImg.style.left=left+10+"px";
         bigImg.style.top=top+"px";