http://www.giuseppispizza.com/
How did they, in that website, have the static image behind (it is changing, but I know how to do that, I think. Lmao) but have the above showing and be able to scroll and all that jazz? I get they just left the part you can "see through" blank, and the words over, all that jazz. But I guess the question is, how do you get one image (as that probably is just one image, or a few put together) scrolling on the background? And while you're at it, if you want to tell me how to get the changing image or whatever, that'd be cool. lol
Web Design Question
- Jackolantern
- Posts: 10891
- Joined: Wed Jul 01, 2009 11:00 pm
Re: Web Design Question
Here is a very simple tutorial (really just one line of CSS) about how to get the fixed background. The fact that page elements scroll over it is just some nice design of how the other page elements will scroll over it (you get that for free with the fixed background). Here is a Stack Overflow question with a good answer on how to smoothly switch background images on a timer with jQuery.
Hope that helps get you started
Hope that helps get you started
The indelible lord of tl;dr
Re: Web Design Question
Oh okay, cool. Pretty simple, as I expected ^_^Jackolantern wrote:Here is a very simple tutorial (really just one line of CSS) about how to get the fixed background. The fact that page elements scroll over it is just some nice design of how the other page elements will scroll over it (you get that for free with the fixed background). Here is a Stack Overflow question with a good answer on how to smoothly switch background images on a timer with jQuery.
Hope that helps get you started