script soll erst ausgeführt werden, wenn bilder vorgeladen sind

[KingOfHoop]

Hey,

ich habe folgendes problem: wenn man auf meine website kommt, soll eine javascript/jquery animation ausgeführt werden (das hintergrund bild wird eingeblendet).
nun soll aber die animation erst ablaufen, wenn das hintergrund bild fertig geladen ist. während dem laden soll ein ladesymbol (gif-animtaion) angezeigt werden.
leider habe ich bisher im netz keine lösung für mein problem gefunden.
könnt ihr mir helfen?

das ist mein preloader im head bereich

  
<script type="text/javascript">  
		//Preload loading images  
		var img = new Image;	  
		img.src = '/graphics/loading.gif';  
		var img = new Image;	  
		img.src = '/graphics/website_background_1';  
		var img = new Image;	  
		img.src = '/graphics/website_background_2';  
</script>  
  

hier der aufruf der gif-datei:

  
<div id="loading"> <img src="graphics/loading.gif"> </div>]  

und hier der beginn meines javascriptes

  
$(document).ready(function(){  
  
  $("#background")  
  .delay(5)  
  .animate({  
  
    opacity: 1.0  
  
  }, 400 );  

wäre cool wenn ihr mir helfen könntet.

[dave]

Hi,

du könntest beim laden des Bildes einen onload handler mitgeben und erst in diesem die animation ausführen.

~dave

[KingOfHoop]

Hey Dave,

genau das meinte ich. funktioniert einwandfrei. vielen dank!

greetz, kris

Hi,

du könntest beim laden des Bildes einen onload handler mitgeben und erst in diesem die animation ausführen.

~dave