Activer un gif animé (load) sur l'évènement onload des pages d'un site

**Marc22** · 23/04/2010, 10h00

Bonjour,

je voudrais mettre un gif animé de chargement de page, mais il reste même une fois que la page est chargée.

Je ne pense pas le mettre à chaque chargement de page, mais seulement pour les traitements de la base de données.

Mais dans un premier temps, j'ai essayé de le faire dans la balise body, pensant que quand tout le code de cette balise serait chargé, et bien le gif disparaitrait. Hélas...

Pourriez vous me dire ce que vous en pensez?

la balise body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="load_gif()" >

Le code javascript :

dans un premier temps j'ai essayé avec un display css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function load_gif(){
	var load=document.getElementById("load");	
	load.style.cssText="display:block;";}

Le html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	echo '<img style="display:none; position:absolute; margin-top:50%;" id="load" src="../style/load/load_gris.gif" />';

Puis j'ai essayé de cette façon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function load_gif(){
 
	var load=document.getElementById("load").src="../style/load/load_gris.gif";
 
	load.style.cssText="display:block;";
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<img id="load" src="" />';

ce qui a produit le même comportement.

merci.

**SpaceFrog** · 25/04/2010, 16h09

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var load=document.getElementById("load");	
	load.style.display="block";}

**Bovino** · 26/04/2010, 11h09

Salut.

Dans le code que tu nous montres, tu fais le contraire de ce que tu souhaites

Tu mets un gif en display none dans ton code et tu lances sur le onload (donc quand la page est chargée) la fonction pour le faire apparaitre...

Activer un gif animé (load) sur l'évènement onload des pages d'un site

JavaScript

Discussions similaires

Partager

Partager