Row of images that populate consecutively on a page

Squiz Matrix Support
1

Hi Guys

I’ve seen this somewhere but I’m not sure how to do it.
I want to have a row of 4 images with a ‘read more’ link underneath each. I want the row to populate on the screen consecutively upon scrolling to that part of the page. By ‘populate’ I mean the images fade in and raise up from the bottom of the screen.

Any ideas?

Thanks so much.

2

You will need to use javascript for this. Look into something like http://jquery.eisbehr.de/lazy

3

Like so?

I tad css and a little scripting will do it.