Wie funktioniert das?

[johnnyderdepp]

Hey,

wie funktioniert das?
Man scrollt runter und erst dann fliegen die bilder rein... kann mir das wer erklären oder nen link senden?

http://demo.theme-fusion.com/

 

[Supercomputer]

Wie so etwas funktioniert, weiß ich leider nicht.
Ich vermute jedoch, dass auf der Seite (un)sichtbare Elemente sind, bei denen geprüft wird, ob sie im Bildausschnitt sind oder nicht mehr sind, ist dies der Fall, wird der Effekt ausgelöst.
Es werden sich nachher bestimmt Mitglieder melden, die es dir besser erklären können.

Mit freundlichen Grüßen
Supercomputer

 

[johnnyderdepp]

jo so hab ichs mir auch gedacht, aber ich trau mich wetten da gibts ne schöne jquery lib dafür - vl weiss ja einer was !

aber danke auf jedenfall

 

[threadi]

Im Quellcode steht etwas von fadein und animation an der Stelle. Ich wette auch, dass daran irgendeine jQuery-Bibliothek andockt.

 

[Tronjer]

Ergibt sich aus dem Source Code. Das ist ein Image-Slider mit Captions, die mit CSS3-Attributen animiert werden. Wahrscheinlich etwas selbst geschriebenes und natürlich minified, damit es niemand klauen kann.

 

[derises]

Nicht ganz das selbe aber die neueren Wordpress Themes bieten meist bereits diese Funktion.
Hier ein Link der eventuell brauchbar ist und auch beim Suchbegriff etwas hilft: http://ihatetomatoes.net/demos/one-page-scroll-animations/

Grüße