- Registriert
- 12.04.06
- Beiträge
- 3.957
Ich hab hier mal ein Testskript, dass ich evtl. mal ähnlich in einer Homepage einsetzen möchte geschrieben:
Es soll also so aussehen, dass Wolken mit unterschiedlicher Geschwindigkeit von links nach rechts durchs Bild huschen. Das klappt auch wunderbar.
Die zwei Divs sind mit absolute und width=100% übereinander im Browser platziert und das Hintergrundbild (die Wolke) wird jeweils durch die Funktion cloud verschoben.
Mein einziges Problem ist der Start. Am Anfang dauert es immer erst mal, bevor die erste Wolke erscheint. Danach läuft es flüssig. Irgendwo hab ich also scheinbar einen Denkfehler, weil die Wolken scheinbar ein Intervall lang zunächst stehen bleiben.
Kann mir jemand auf die Sprünge helfen? "setInterval" hab ich das erste Mal verwendet. Vielleicht hab ich es nicht richtig eingesetzt?
Vielen Dank schon mal für eure Tips
<script type="text/javascript">
var t = 370;
var k = 150;
function cloud(wolke,time,oben){
k = k - t;
if (k < -t){
k = 150;
$(wolke).css({"backgroundPosition": -k+'% '+oben+'px'},0);
k = k - t;
}
$(wolke).animate({"backgroundPosition": -k+'% '+oben+'px'},time-500);
}
$(document).ready(function(){
setInterval("cloud('#clouds',14000,-50)", 14000);
setInterval("cloud('#cloud1',17000,50)", 17000);
})
</script>
Es soll also so aussehen, dass Wolken mit unterschiedlicher Geschwindigkeit von links nach rechts durchs Bild huschen. Das klappt auch wunderbar.
Die zwei Divs sind mit absolute und width=100% übereinander im Browser platziert und das Hintergrundbild (die Wolke) wird jeweils durch die Funktion cloud verschoben.
Mein einziges Problem ist der Start. Am Anfang dauert es immer erst mal, bevor die erste Wolke erscheint. Danach läuft es flüssig. Irgendwo hab ich also scheinbar einen Denkfehler, weil die Wolken scheinbar ein Intervall lang zunächst stehen bleiben.
Kann mir jemand auf die Sprünge helfen? "setInterval" hab ich das erste Mal verwendet. Vielleicht hab ich es nicht richtig eingesetzt?
Vielen Dank schon mal für eure Tips