2011-04-03 3 views
2

J'ai essayé ce code pour cacher le corps, et montrer quand il est chargé en totalité. Mais j'ai remarqué que ça ne fonctionnait pas bien, car quand le fondu se produit, certaines images ne sont pas encore chargées.cacher avant le chargement terminé -jquery

Comment puis-je faire cet effet?

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.nav').fadeIn(700); 
}); 
</script> 


<body class="nav" style="display: none"> 

Répondre

3

Assurément, il est aussi simple que:

$(window).load(function() { 
    $('.nav').fadeIn(700); 
}); 
+0

oui, le problème est le document, est le changement juste à la fenêtre. Merci –

+0

@Wire Création à tout moment. – daryl

2

Si vous voulez attendre les images (idée discutable, mais c'est votre site), vous pouvez simplement gérer l'événement « de charge » à la place:

$(document).load(function() { $('.nav').fadeIn(700); }); 

Je dis que c'est une idée douteuse parce que cela peut prendre un certain temps pour obtenir les images, et cela peut être source de confusion. Cependant, je n'ai aucune idée de ce que votre site ressemble, bien sûr, alors c'est peut-être bien.

Oh, aussi: si vous êtes vraiment ciblage juste l'élément du corps, alors vous pouvez simplement utiliser

$('body').fadeIn(700); 

Pas qu'il importe du tout dans ce contexte, mais ça va être plus efficace.

Questions connexes