Website beim Laden reinfaden

[visio]

Beim Aufrufen der folgenden Seite wird die Headline und der Content von rechts reingefahren und gleichzeitig sanft reingefadet.



Auf der Startseite ist es noch deutlicher, hier werden auch einzelne Bilder reingefahren.



Ich hab bereits ein Tutorial gefunden, wo erklärt wird, wie man Inhalte mit einer Verzögerung einblenden lassen kann. Achtet auch hier auf den Inhalt beim Laden der Seite.

http://graphicfusiondesign.com/about-us/

Wie bekomme ich es aber hin, bestimmte Bereiche reinfahren zu lassen und gleichzeitig einzublenden, wie im ersten Link zu sehen?

 

[cythux]

AW: Website beim Laden reinfaden

Meines erachtens nach nur mittels jquery


http://stackoverflow.com/questions/10826345/jquery-fadein-and-fadeout-on-html-change

 

[holgermerz]

AW: Website beim Laden reinfaden

Nur mit jQuery. fadeIn, fadeOut, fadeToggle sind hier die Schlagworte. Eigentlich recht einfach, wenn man jQuery mal verstanden hat.

 

[YourBrainEatsYou]

AW: Website beim Laden reinfaden

Hallo visio

animate() ist auch noch ein Stichwort. ->http://api.jquery.com/animate/
Damit kannst du die opacity und auch die Position der Elemente verändern.
LG

 

[visio]

AW: Website beim Laden reinfaden

Also ich hab hier mal zwei Tutorials gefunden, falls jemand mal das gleiche suchen sollte.

Bewegung von Elementen (CSS + JQuery)
http://www.netmagazine.com/tutorials/getting-animations-trigger-right-time

Einfaden (reines CSS)
http://graphicfusiondesign.com/blog/design/creating-fancy-css3-fade-in-animations-on-page-load/