Bonsoir, ou bon matin si j'ai pas de chance.

J'ai une fonction en JS qui marche très bien, mais qu'une seul fois... et c'est bien embêtant.
En gros il y a un voile noire qui masque tout lorsque l'image de fond charge, et disparait après.
J'ai simplifié et mis la même image à charger a chaque fois pour pas vous embrouiller avec le superflus, mais le background change à chaque fois comme prévu, mais le voile l'apparais qu'une seul fois.
(je suis surement un peu flou dans ce que je dis, désolé).

<style type="text/css">
html,body{height:100%}
body{
	margin:0;
	padding:0;
	background-color:#000;
	background-image:url(images/big-7.jpg);
}

#cover {
	position:absolute;
	z-index:100;
	height:100%;
	width:100%;
	background:#000;
	display:none;
}
</style>

<script type="text/javascript">
function changer()
        {
var chemin='http://www.twilleyhome.net/myshows/fast%20picks/Wallpaper/BMP%20Files/Bliss.bmp';

$("#cover").animate({ 
	    opacity: 'toggle'
			}, 800,function(){
//////////////////////////////////////////
            src = chemin ;
                var img = new Image();
                img.onload = function()
               {
			$("body").css({background:"url("+chemin+")"});
				$("#cover").animate({ 
	    	opacity: '0'
				}, 800,function(){
				$("#cover").hide();
				}
				);
			   }
            img.src = src ;
//////////////////////////////////////////			
			}
			);
        }


</script>
<div id="cover"></div>

<a href="#" onClick="changer();">test</a>

J'ai googlelisé ça et apparemment la fonction live() pourrait m'aider, mais j'ai essayé de toutes les façons qui me semblaient possible, et ça ne change rien, voir bloque.


Merci pour votre aide !






EDIT: Bon en faite le problème ne venais pas de là, voila pourquoi après des heure je n'arrivais pas à le résoudre.
Il fallait enlever le hide(), et remettre toggle a la place de 0 au deuxième opacity.

@+ !