キャッシュされた高解像度画像のフェードアウト

BingやYahoo Mailのやり方と同様に、クライアントがキャッシュした後、javascript/jqueryで高解像度画像を正常にフェードインする最適な方法はありますか？キャッシュされた高解像度画像のフェードアウト

2011-10-26 TuK

あなたはjQueryでロード関数を探しています。次に例を示します。

<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function(){   
      $("#bigImg").load(function() { 
       $(this).fadeIn(2000); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <img id="bigImg" style="display:none" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/2006-03-26_Denver_Skyline_I-25_Speer.jpg" /> 
</body> 
</html>

とjQueryのリファレンス：http://api.jquery.com/load-event/

ハッピーコーディング！

出典

2011-10-26 16:33:38

リンクしている負荷イベントページには、いくつかの重要な警告があります。動作はブラウザ間で一貫性がなく、キャッシュされたイメージ、つまりOPが探しているものに対しては起動しません。 – Finbarr

私はあなたが参照しているjqueryの記事からblurbを読んでいます。彼らはそれを問題として挙げています。私は火かき棒でテストを実行し、キャッシュからロードするときにイメージは完全にうまく消えます。彼らが恐れている正確なシナリオが、より明示的に配置されたことを願っています。 –

ちょっと探した後、誰かが既に回避策の答えを持っています：http://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-image-is-cached –

画像をプリロード、私はいつもこれを行う：

newpic = new Image();  // create your new img 
newpic.onload = function() // callback for when the img is loaded 
{ 
          // your callback, for you a .fadeIn() 
}; 
newpic.src = your_img.jpg; // Setting the img src will start the caching process

それはうまく動作します。

出典

2011-10-26 17:32:28 mddw

キャッシュされた高解像度画像のフェードアウト

答えて

関連する問題