画像をプリロードして、準備ができたらフェードインしたい。プリローダーは動作していますが、フェード効果が得られません。
私が試したこと:
1:CSS3トランジション-背景画像では機能しません。
2:jQueryのfadeIn-HTML要素でのみ機能し、CSSの背景画像では機能しません。要素をフェードしようとすると、すべての要素もフェードします。
jQuery:
$(bg).imagesLoaded({
done: function($images){
$('body').css('background-image', "url('" + $images[0].src + "')");
CSS:
body{
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
}
私はこれを達成するための巧妙な方法がないかもしれないことを理解していますが、私はそれが例えばここで行われるのを見たので、方法がなければなりません:http: //movies.io/m/4I/en。