Replace image at time intervals
Hi,
First off, sorry for the noob question. I just started learning jQuery today for the first time, and plan to become proficient in it fast.
However, I just want to add a small bit of functionality to a new site to make the waiting site owner happy.
As you can see
here, I got a big image of glasses on the top right of the home page.
I do this with CSS only:
Html:
-
<div id="teaser-right"></div>
CSS:
-
div#wrapper #content #teaser #teaser-right{
float: right;
width: 400px;
background: url('images/misc/wine.jpg') no-repeat 0 0;
height:100%;
}
What I would like to do is to create 3 or 4 different styles that is the same expect for the image.
Then every few seconds I would like to replace the style sheet.
But I dont think this is a good idea. I think there must be another way to "fade" in and out between images.
So better put the images in the html right?
Hmm..I will do some searching, but thought I'd post this really n00b question for starters