Responsive image background over fold

Rad bi naredil en page, kjer bo neodvisno od širine zaslona over fold en container in pa bolj pomembno, ozadje s fotko, ki se bo prilagajala širini zaslona.

Ko bo user poscrolal navzdol, pa bi bilo normalno ozadje (brez tiste fotke, ki bo vidna na 'prvem ekranu'). Vedno pa mora biti over fold v ozadju fotka.

Kako se imenuje ta tehnika? Hvala.

5 odgovorov

CSS stil, če si to mislil

slika-ozadje {
background: url(slika/bg.jpg) no-repeat center center fixed;
background-size: cover;
}

http://www.w3schools.com/cssref/css3prbackground-size.asp
http://css-tricks.com/perfect-full-page-background-image/
http://nicolasgallagher.com/flexible-css-cover-images/

ne s cover sem probal, pa ni ok. evo točno tako bi imel, že prej bi moral napisat:
http://wpninjas.com/

Parallax scroll :)

1

Evo 2 tutoriala:

ali s pomočjo JS:
ihatetomatoes.net/simple-parallax-scrolling-tutorial

Upam, da kaj pomaga.

3

super hvala, sploh nism na parallax pomislil