Chargement image site web
steph-rott
Messages postés
382
Statut
Membre
-
steph-rott Messages postés 382 Statut Membre -
steph-rott Messages postés 382 Statut Membre -
Bonjour, j'ai créer un site d'ici peu, seulement, l'image (background) de mon site met du temps à charger (2-3 secondes) et ma page est dite "finie de charger", même lorsque l'image ne l'est pas.
Je voudrais que, soit, le l'image de fond se charge en première, soit que la page ne se marque pas "chargée" même quand l'image de fond ne l'est pas.
Voici mon code source :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Musique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="musique.css" />
</head>
<body>
<p><a href="..musique/mes-musique">Mes musiques</a>
<br />
<br />
<a href="../musique/musiques-favorites.html">Musiques favorites</a>
</p>
</body>
</html>
----------------------------------------------------------------------------------------
CSS :
@charset "utf-8";
/* CSS Document */
body
{
/*image*/
background-image: url("ilovemusic.jpg");
background-attachment : fixed;
background-position:center;
height:100%;
padding:0;
margin:0;
/*texte*/
text-align:center;
font-size:22px;
}
a
{
color:#06F
}
a:hover
{
text-decoration:blink;
color:#F60;
}
------------------------------------------------------------------------------------------
Je voudrais que, soit, le l'image de fond se charge en première, soit que la page ne se marque pas "chargée" même quand l'image de fond ne l'est pas.
Voici mon code source :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Musique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="musique.css" />
</head>
<body>
<p><a href="..musique/mes-musique">Mes musiques</a>
<br />
<br />
<a href="../musique/musiques-favorites.html">Musiques favorites</a>
</p>
</body>
</html>
----------------------------------------------------------------------------------------
CSS :
@charset "utf-8";
/* CSS Document */
body
{
/*image*/
background-image: url("ilovemusic.jpg");
background-attachment : fixed;
background-position:center;
height:100%;
padding:0;
margin:0;
/*texte*/
text-align:center;
font-size:22px;
}
a
{
color:#06F
}
a:hover
{
text-decoration:blink;
color:#F60;
}
------------------------------------------------------------------------------------------
