1
2
3
4
5
6
7
8
9
10
11
12
13
|
$('#background_page').animate({opacity:0}, 250, function(){ // On rend la page invisible, et on lance le reste de la fonction.
// On charge d'abord l'image et ensuite, on l'insère dans le background
var bgImage = new Image();
bgImage.onload = function(){
$('#background_page').css("background-image", "url(" + adresseImageBackground + ")"); // On appelle la nouvelle image de background
$('header img').attr("src", adresseImageLogo); // adresseImageLogo contient une adresse d'image générée dynamiquement.
$('header, #nav_et_log, #zone_contenu, footer').css("backgroundColor", codeCouleur); // codeCouleur contient un code couleur choisi par un switch.
$('#background_page').animate({opacity:1}, 250); // L'idéal serait que cette instruction soit lancé lorsque tout est fait, mais je veux surtout que l'image de background ne soit pas en train de se charger en même temps (ce qu'il me fait, à ce stade de développement )
};
bgImage.src = adresseImageBackground; // adresseImagebackground est le nom d'une variable qui stocke une adresse générée dynamiquement
}); |
