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
2/ensuite je précharge l'image de fond contenue dans la classe de mon div#content
le css
exemple de la page d'accueil
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)
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)