Web Design Question

For discussions about game development that does not fit in any of the other topics.
Post Reply
User avatar
Xaos
Posts: 940
Joined: Wed Jan 11, 2012 4:01 am

Web Design Question

Post by Xaos »

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
User avatar
Jackolantern
Posts: 10891
Joined: Wed Jul 01, 2009 11:00 pm

Re: Web Design Question

Post by Jackolantern »

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 :cool:
The indelible lord of tl;dr
User avatar
Xaos
Posts: 940
Joined: Wed Jan 11, 2012 4:01 am

Re: Web Design Question

Post by Xaos »

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 :cool:
Oh okay, cool. Pretty simple, as I expected ^_^
Post Reply

Return to “General Development”