Bilder schneller scrollen als Seite

[htmlwave]

Hey,
wie man auf dieser Seite (play.google.com/intl/ALL_de/about/music/allaccess/index.html) sehen kann, ist es möglich, Bilder schneller als die Seite scrollen zu lassen. Wie lässt sich das nachbauen? Geht das in CSS?

Danke schon im Vorraus;)
htmlwave

 

[scbawik]

Dafür brauchst du JavaScript.

Ist eigentlich nichts weiter als ein EventListener für das Scroll-Event (Hier mit jQuery):

$(window).scroll(function () {
  var speed = 1.2;
  $('.bild').css('margin-top',$('html, body').scrollTop * speed);
});

 

[htmlwave]

Muss ich dazu irgendetwas an meinem Code ändern, d.h. meinem Bild eine Class bzw. Name hinzufügen?
Sorry, bin in Javascript Anfänger
htmlwave

 

[threadi]

Was Du an deinem Code ändern musst kann man ohne deinen Code zu kennen nicht sagen. Du musst auf jeden Fall die jQuery-Bibliothek einbauen, wenn Du den Tipp von scbawik folgen willst.

 

[htmlwave]

Das habe ich bereits. Muss ich meinem Bild allerdings im HTML-Code noch eine Class hinzufügen?

<img src="bild.png" class="bild" />

 

[threadi]

Wenn Du o.g. Code nutzt, ja.