Forums

mdyorke

I would like to know how to get the effect on this site:

http://www.pickledwalnutcatering.co.uk/

Thanks!

rosspenman

Something like this?

Note: I used Sass for this. To see the CSS, click the Sass text at the top of the text box on CodePen.

mdyorke

Hey Rosspenman, thanks for sharing that code...This is the effect I wanted but I was wondering if there was a javascript code to have each div automatically scale 100% height of the window depending on the screen size.

CrocoDillon

That's CSS as well, background-size: cover;

Edit: nevermind, I need sleep... that is JavaScript indeed.

See http://www.pickledwalnutcatering.co.uk/resources/js/script.js , the resizingStuff function is what you need, bind to load and resize events.

mdyorke

Hey, I took rosspenman's code and elaborated on it with some jquery I found online...here is the end result that I was looking for:

http://jsfiddle.net/mdyorke/XyKA6/1/

Thanks for the help!

treehouse : what would you like to learn today?

Forums

Help with cool effect using Javascript and background fixed!