2017-11-24 10 views
-1

を与える私は、サーバから各時間ページのロードを画像をリロードし、この完全に動作するコードがある - http://jsfiddle.net/6knfz8g2/4/リロード画像誤差(画像が示されている)

<!doctype html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Untitled Document</title> 
 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
 
    <style> 
 
    img { 
 
     image-rendering: -moz-crisp-edges; 
 
     /* Firefox */ 
 
     image-rendering: -o-crisp-edges; 
 
     /* Opera */ 
 
     image-rendering: -webkit-optimize-contrast; 
 
     /* Webkit (non-standard naming) */ 
 
     image-rendering: crisp-edges; 
 
     -ms-interpolation-mode: nearest-neighbor; 
 
     /* IE (non-standard property) */ 
 
    } 
 
    
 
    html, 
 
    body { 
 
     background-color: #0D0D0D; 
 
    } 
 
    
 
    img.resize { 
 
     width: 400px; 
 
     height: auto; 
 
    } 
 
    
 
    body { 
 
     display: block; 
 
     margin: 0px; 
 
    } 
 
    </style> 
 
    <script> 
 
    d = new Date(); 
 
    console.log(d.getTime()); 
 
    $(function() { 
 

 
     $("#myimg").attr("src", "http://i66.tinypic.com/6fme5c.jpg?d=" + d.getTime()); 
 
    }) 
 
    </script> 
 
</head> 
 
<body> 
 
    <img src="myimg" class="resize" id="myimg"> 
 
</body> 
 
</html>

をChromeはこのエラーを示します。

ローカルPCとjsfiddleでは正常に動作しますが、

このエラーの原因を見つけるのに役立ちますか?

貴重な時間をありがとう!

私は、コードのこの部分が問題を引き起こしていることがわかり
+1

ブラウザでローカルとサーバの間でリンクを比較する – Sindhoor

+1

また、getTime()関数が正しく時間を返すかどうかを確認しますか? – Sindhoor

+0

ありがとうございます - 私はこのコードをオンラインに置くと、まだこのエラーを示しています... – daverichards

答えて

0

src="myimg" 

私はそれを取り出して、それがすべてエラーなしで動作するようになりました:

<img class="resize" id="myimg"> 

しかし、私はどのようにクロスブラウザに優しいだろうこの解決策はありますか?将来に優しい?

関連する問題