Bonjour j'ai besoin d'une remarque avisée sur mes tests..

je vais expliquer simplement!

lors du chargement de mes pages, mes contenus nommés div#content n'ont qu'un background blanc...

1/quand la page se charge je cache les éléments enfants

$("div#content").children().hide();


2/ensuite je précharge l'image de fond contenue dans la classe de mon div#content

	$.preLoadImages(
		     [
//ici l'image de fond de ma classe
		          'http://ledricholivier.com/itineraire_consulting/web/img/BgAccueil.jpg'

		     ],function(){
//quand c'est terminé j'ajoute la classe à mon div content
		    	 $("div#content").toggleClass("index");
//ici je fais apparaitre les éléments enfants
		 		 	    $("div#content p.citation").slideDown("slow",function(){
			    	$("div#content p.question").slideDown("slow",function(){
			    		$("div#content ul").slideDown("slow");
			    }); 
			    });   
		     }
		)



le css
exemple de la page d'accueil
#content {
	width: 1000px;
	margin: 0 auto;
	height: auto;
	position: relative;
	height: 573px;
	background-color: white;
}

#content.index {
	background: url(../img/BgAccueil.jpg) top left no-repeat;
}


Ma question est la suivante

Est ce une bonne méthode ?Après plusieurs ctrl +f5, ca a l'air d'aller(testé sur ie8 et firefox 3.5)

Mais je voulais avoir votre avis si ca ne représentait pas de bug au niveau de l'ordre d'affichage des instructions.

Et si tel est le cas comment optimiser cela ?

merci à vous
Modifié par phpCbien (23 Aug 2011 - 12:44)
Heu. Pourquoi m'appelles-tu, moi, personnellement Smiley sweatdrop ?

Mon avis sur la question est "je n'aime pas trop quand un site passe du temps à préparer ce qu'il va m'afficher". Je suis patiente, et que la page web n'affiche rien puis tout, ou bien son contenu peu à peu, ça m'importe peu. Surtout que tu as des animations. Ce qui augmente d'autant plus le temps de chargement de la page, cette fois-ci d'un point de vue ressenti.