Multi background , c'est possible?

**Dr_Fureur** · 20/01/2007, 14h46

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

**blueice** · 20/01/2007, 17h24

Place ton image fixe en background dans la CSS et ensuite dans le corps de la page tu inséres ton gif, le temps qu'il se charge l'image fixe apparaîtra.

**Dr_Fureur** · 20/01/2007, 18h17

Merci pour ta réponse

Envoyé par blueice

Place ton image fixe en background dans la CSS et ensuite dans le corps de la page tu inséres ton gif, le temps qu'il se charge l'image fixe apparaîtra.

Le problème c'est que le gif se charge en premier.

Il faudrait que je puisse choisir l'ordre des chargements, ou alors que j'appelle une fonction de préload avant l'appel du gif annimé.

Est ce possible de l'appelé en dehors des balises <body>

Merci quand même

Multi background , c'est possible?

CSS

Vue hybride

Discussions similaires

Partager

Partager