Bonjour à tous.

Voila j'ai un petit problème qui je pense pourais être résolu grace à une modification de mon CSS.

Je suis en train de me réaliser un petit site sur lequel je met en background un gif annimé.

Le problème est le suivant, c'est que mon gif animé est lourd donc j'ai pensé affficher une image en attendant que le gif soit chargé, mais ca ne marche pas et donc durant tout le chargement du gif le fond de mon site est blanc.
Voila le code que j'espérais faire fonctionner

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 body
{
   width: 80%;
   margin-left:auto;
   margin-right:auto;
   margin-top: 20px;
   margin-bottom: 10px;
   background-image:url(fond_ecran.jpg);
   background:url(fond_ecran.gif);
   background-repeat:no-repeat;
 }
ce que je désire donc c'est faire afficher l'image pendant que le gif se charge et dès que le gif est chargé l'affiché à la place de l'image.

J'ai essayé avec une fonction de préload en javascript pour le gif , mais mon background reste tristement blanc.

J'ai aussi essayé de supprimer "background-image:url(fond_ecran.jpg);" de mon css et de mettre l'image direct sur mes pages. Cette méthode a marché mais seulement pour FireFox et dc IE reste blanc.

A par si j'ai mal cherché je n'ai pas trouvé ce problème sur le net ni autre par dans ce forum.

Je vous remercie d'avance pour l'aide que vous m'apporterez.

Dr_Fureur