Entfernen Sie weißen Hintergrund beim Laden der Seite zeigt Bild anstelle

Question

Ich muss weißen Hintergrund auf Seite laden anstelle davon zeigen 2_image.jpg und danach Körper Bild 1_image.jpg wird angezeigt.Ist es möglich durch CSS oder möglicherweise Skript wird verwendet werden. Ich habe das versucht, aber nicht funktioniert

<style> 
body { 
    background: url("../images/1_image.jpg") #070707; 
    background-color:#070707; 
    background-attachment: fixed; 
    background-size: cover; 
    background-repeat:no-repeat; 
} 
.box { 
    background:url("../images/2_image.jpg") no-repeat; 
    background-size:cover; 
    background-position:center; 
    background-attachment: fixed; 
    width:100%; 
    height:100%; 
    position:absolute; 
    z-index:9999; 
    top:0px; 
} 
</style> 
<div class="box"></div> 

Answer 1

Hier ist ein Beispiel Ansatz.

Erstellen Sie 2 Klassen, die man div versteckt machen soll.

.hidden{ 
display:none; 
} 

Zweite, um Bild anzuzeigen.

.show_image{ 
position:fixed;top:0;right:0;bottom:0;left:0; 
background: rgba(0,0,0,0.5) url(/img/spinner.gif) no-repeat 50% 50%; 
z-index:100; 
background-size: 5ex; 
} 

Und Ihre würde HTML-Code

<div class="show_image"></div> 
<div class="hidden box"> Your actual content </div> 

Zunächst Ihre Inhalte angezeigt werden versteckten Zustand und Belastung sein Bild wird.

Nach Abschluss des Ladens der Seite schalten Sie einfach die versteckte Klasse um.

$('.box').removeClass("hidden"); 
$('.show_image').addClass("hidden"); 

Damit Ihr Inhalt sichtbar wird und das Laden des Bildes wird ausgeblendet.

Lassen Sie mich wissen, wenn Sie Hilfe beim Seitenladen benötigen.