Question

I want to create a page with different layers (different z-index i guess) and each layer has a different speed on scroll. I’ve been trying to use the parallax effect but it’s not exactly what I need because it’s base on background-images of div. And those divs are “cutted” by the next div and so on… What I need it’s something simpler.

I was thinking in one big div to be a background – in this one some images at different heigh. this will allow to show one image and when i’m scrolling down to see the others.
2 divs at different level (z-index) with a scroll speed different between them and from the 1st (big) div.

However I’m not achieving it! Am I thinking right? Is this possible?

Thanks,

Regards

Answer 1

I thinks parallax would be your solution even if you have crossed this choice.

Have you seen this tutorial ?

http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

Maybe it’s more something like this that you want ?