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.