background fadeIn() me esta fallando

[engonga]

hola

estoy intentando que el background se me tarde en cargar y lo intento hacer de esta manera pero no me funciona

Código HTML:

<script type="text/javascript">
     $(document).ready(function(){
     $("body").delay(800).fadeIn("slow").css('backgroundImage', 'url(img_web/fondo_principal.png)');
     });
    </script> 

alguien sabe alguna otra manera?

muchas gracias

[djaevi]

Código Javascript:

function loadDelay() {
        if (!status) {
            setTimeout("loadDelay()",800);
            status = true;
            }else{
                $("body").delay(800).fadeIn("slow").css('backgroundImage', 'url(img_web/fondo_principal.png)');
                }
            
    } 
    
$(document).ready(function(){
     var status = false;
     loadDelay();
     });
 

Intentalo asi no lo he probado, lo que hago es llamar una funcion con una variable booleana, si es la primera vez que se ingresa a la funcion llamo a la instruccion setTimeout con la cual hago el delay y vuelvo a llamar a la funcion, cuando vuelve a entrar la variable booleana ya ha cambiado su estado entonces hago el fadeIn.

Saludos

[engonga]

funciona el timing pero el fadeIn no funciona

aparece el background de golpe, eso si con el tiempo puedes jugar a que aparezca mas tarde...

pero ya te digo que el fadein no funciona

[djaevi]

Creo que puede ser porque el body no admite hacer un fadeIn, quizas deberias colocar un div como fondo de la pagina web aunque tambien prueba quitando el .delay(800) ya que el setTimeout ya hace el delay de 800, prueba esas 2 cosas y me cuentas.

Saludos

[engonga]

hola!

probé las dos formas y ninguna me hace el fadeIn

también probé de poner un fadeIn(3000) para darle mas tiempo pero tampoco me funciona...