Fade Out sur script de préchargement

Fermé
Fab - 27 sept. 2011 à 03:48
 Fab - 3 oct. 2011 à 03:26
Bonjour,

J'aurais besoin de l'aide de quelqu'un expérimenté en JS :

J'ai un site web assez lourd, du coup j'ai mis un petit script de preload comme ceci :


<body>
        
<!--**********************LOADING*******************-->
		<div id="loading" class="loading-invisible">
		<img src="images/loading.gif" width="32" height="32" style="margin:0% auto 0 auto;">
		</div>
        
<script type="text/javascript">
  		document.getElementById("loading").className = "loading-visible";
  		var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
  		var oldLoad = window.onload;
 		var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
 		window.onload = newLoad;
		</script>        
	<!--**********************LOADING END*******************-->



concernant le css rien de plus simple, un gif sur un fond noir.

Et j'aimerais bien ajouter a ce script un petit fondu en transparence à la fin du préchargement.

Seulement je n'ai pas les connaissances pour coder ça. Je cherche donc quelqu'un qui pourrai m'expliquer comment faire.

Merci par avance !


2 réponses

Personne n'a une idée ? ou même une piste ?
1
Allez ! Même pas une petite idée ?
0