Wie wird ein Bild in JQuery automatisch eingeblendet?

Question

Das erste Mal hier, ich habe Leute gesehen, die hier Fragen stellen und sie beantwortet bekommen. Ich habe mich nie selbst um Hilfe gekümmert.

Ich würde gerne wissen, wie man ein Bild beim Laden der Website automatisch verblasst? Ich habe es versucht;

$(document).ready(function() { 
    $("#logo").fadeIn(1000); 
}); 

Aber es hat nicht funktioniert. Logo war das gleiche. Ich würde gerne wissen, wie das geht? Soll ich div versuchen? Bitte helfen Sie, Prost.

Answer 1

Damit .fadeIn() effektiv ist, muss das Element zuvor ausgeblendet werden.

sollten Sie dies in Ihrem CSS setzen:

#logo { 
    display: none; 
} 

Und dann .fadeIn() laufen, sobald die Seite fertig ist.

Wenn es denkbar, dass die Benutzer könnten JS deaktiviert haben, dann sollten Sie diesen Tag in dem Kopf gesetzt (wenn Sie mit HTML5):

<noscript> 
    <style> 
    #logo { 
     display: initial !important; 
    } 
    </style> 
</noscript>