jQuery Fondu OnLoad?

Bon ce que je suis simplement à la recherche d'un court/simple script qui va me permettre de remplacer le DIV nom afin que je puisse avoir plusieurs divs sur une page fadein une fois chargé (y compris les images au sein de eux).

Des idées?

Merci!

Les code?
Qu'entendez-vous par DIV nom? ID? Nom de la classe? Le titre?
W: Cette question n'est pas pertinente à la question à portée de main.
Vidas: je veux dire l'ID et ou de la Classe.

OriginalL'auteur Aaron Brewer | 2011-10-22

  1. 17

    Donner des divs une classe commune (par exemple, "fade") et utiliser un code similaire à ce

    $(document).ready(function(){
    $(".fade").hide(0).delay(500).fadeIn(3000)
});

    http://jsfiddle.net/5td73/

    Sweet! Merci!!!!
    vous êtes les bienvenus 🙂 un plaisir de vous aider.
    Curieusement il ne fonctionne pas dans mon code. J'ai appelé jQuery 1.6.4. à partir de CDN, et ont ajouté le script entre les balises d'en-tête. Ai-je besoin de définir OnLoad ou appeler cela ainsi? Parce que le seul code que j'ai est le code qui est fourni dans le jsFiddle. Merci!
    Oui, vous avez raison! Vous avez besoin d'exécuter du code après le chargement de la page. Vous pouvez le faire en plaçant votre balise de script à la fin de l'élément de corps (comme je l'ai fait dans mon violon) ou en l'enveloppant dans un $(document).ready() fonction. Je vais mettre à jour ma réponse à la deuxième option.

    OriginalL'auteur Joseph Marikle

  2. 2

    Mettez ce code dans votre fichier javascript, pour chaque élément que vous souhaitez fondu ajouter la class="fadeOnLoad" code et assurez-vous d'ajouter display: none à la css pour les éléments que vous voulez avoir caché sur la charge:

    $(document).ready(function() {
       $('.fadeOnLoad').fadeIn('slow');
);
    Sweet! Merci bien monsieur.

    OriginalL'auteur Joost