2 votes

cacher avant le chargement terminé -jquery

J'ai essayé ce code pour cacher le corps, et le montrer quand il est chargé en totalité. Mais j'ai remarqué que cela ne fonctionne pas bien, car lorsque le fondu se produit, certaines images ne sont pas encore chargées.

Comment puis-je faire cet effet ?

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

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

3voto

daryl Points 3339

C'est sûrement aussi simple que ça :

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

2voto

Pointy Points 172438

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

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

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

Oh, également : si vous ne ciblez que l'élément body, vous pouvez simplement utiliser

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

Non pas que cela ait une quelconque importance dans ce contexte, mais ce sera plus efficace.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X