シンプルなフェードイン遅れ常に

Question

私はこの写真を表示することを選択すると、ページのすべてのアニメーションに問題があります。私はfadeIn、visibility、animate：不透明度、表示：ブロックで表示しようとしましたが、どのような方法でブラウザを表示させてもブラウザーはチョークしません。これを回避する方法が必要です。 （画像をプリロードしてみましたが、違いはありません！） 画像のサイズですか？

http://jsfiddle.net/ZJpmT/2/

Answer 1

私はそれが画像サイズである疑いがあります。クイックテストを行うと、5秒の持続時間を持つfadeInが表示されることが示されましたが、1秒の持続時間を使用してもフェード効果は一切表示されず、一度に画像が表示されます。

サイズが1MBの画像をアニメーション化することは、あなたがしたいことではありません。このイメージが本当に必要な場合は、各フレームに背景を追加して、ページの背景と一致させてJPGとして保存してみてください。サイズを少し小さくすることはできますが、ブラウザが窒息するのを防ぐことはできません。