従来の方法ではなく、ロード時にWebサイトのサムネイルをフェードインさせたい。私はjQueryを使用して、CSSで各imgの不透明度を0に設定し、次のようにjQueryを使用して1までフェードアップすることでこれを実現しています。
image.bind("load", function () { $(this).fadeTo(1000, 1); });
これはデスクトップブラウザでは正常に機能しますが、iPhoneのモバイルSafariまたはChromeでは、読み込みとフェードがすべて同じスレッドで実行され、読み込みによってアニメーションがブロックされるかのように、画像のフェードが途切れます。私はこれがまさに起こっていることである可能性があり、私はそれと一緒に暮らす必要があると思いますが、誰かがそれを回避するハックまたは巧妙な方法を持っていることを期待してここに投稿します。
各画像を不透明なdivで覆い、代わりに透明にフェードさせてみましたが、同じ結果が得られます。
あなたはそれが実際に動いているのを見ることができます：http ：//www.anthonyburns.co.uk