Hey guys, I am building a site using the parallax effect to have some neat depth added to the background of the site. I was able to get it to look and act the way I want it to. You can see this here: http://www.glenhealy.com/clients/AArdvark_Future/
what Is happening is now when I want to go and add the website on top of this effect, It goes under the texture. This is because I have 3 images combining to make that one background image and I have them moving at different rates. Here is the code for 1 of the images:
$.scrollingParallax('images/back_three.png', {
bgWidth : '100%',
staticSpeed : .1,
appendInFront : true
});
I have 1 background image, then 2 smaller images and in order to get them to show up correctly, I had to add the appendInFront, which I guess makes it so its in front of everything.
Has anyone worked with this before and perhaps have a better way of dsoing this?
Also, is there a suggestion for everything to load on the page, the way it loads now for about 5 seconds, it look out of whack and then falls into place. Im a rookie at Javascript, perhaps im doing something a little bulky?
Thanks for the help guys
Glen