jquery - langsames Einblenden von einem div (fade in) in 2 Sekunden

[LikeStar]

Hallo Community,

habe 2 div Ebenen,

<div id="background"></div>
<div id="schatten"></div>

Div Ebene "Schatten" soll nach 2 Sekunden langsam eingeblendet werden.

Ich möchte auch die Geschwindigkeit beeinflußen. Geht es? Also wie schnell es eingeblendet wird?
Vielen Dank

 

[Sempervivum]

Mit jQuery geht das sehr einfach. Schau dir mal die Funktionen delay() und fadeIn() an.

 

[LikeStar]

Mit jQuery geht das sehr einfach. Schau dir mal die Funktionen delay() und fadeIn() an.

Hallo,

nein. Hoffentlich hast du mein Text gründlich durchgelesen.

das fadeIn soll erst nach 2 Sekunden erscheinen. Kann man ein delay am Anfang setzen?
Und ich hatte ja schon oben erwähnt, dass ich die Geschwindigkeit beeinflußen möchte.

 

[Sempervivum]

Geht beides. Ich sehe keinen Grund, warum man delay() nicht an den Anfang setzen könnte. Und die Funktion fadeIn() hat einen Parameter für die Dauer der Animation bzw. die Geschwindigkeit.

 

[LikeStar]

Geht beides. Ich sehe keinen Grund, warum man delay() nicht an den Anfang setzen könnte. Und die Funktion fadeIn() hat einen Parameter für die Dauer der Animation bzw. die Geschwindigkeit.

 jQuery(document).ready(function(){
  jquery.delay( 200 ).('#test').fadeIn( "slow", "linear");
});

Geht nicht ;-)

 

[Sempervivum]

Lies dir mal genau die Spezifikation von fadeIn() durch und wirf einen Blick in die Fehlerkonsole.
So funktioniert es:
$('#test').delay(2000).fadeIn({duration: "slow", easing: "linear"});

 

[LikeStar]

Fehler lag bei $

habe es nämlich mit jquery versucht. Nun habe ich es mit $ ersetzt.

Im Übrigen könnte man dies auch mit CSS3 realisieren? Richtig?
Danke.