CSS & Templates? Image Rotation How to...

**ne_plus_ultra** · 11-12-2007, 08:58 AM

Really quick -- and probably simple question. If you save a css file as a template for your website, how can you ensure that say -- all five pages of your site have a different image. For instance, the template has a promotional area where an image is located. How would you go about ensuring that Pages 2, 3, 4, and 5 have different images if you are using CSS as your template?

Thanks.

**ryanbutler** · 11-12-2007, 09:08 AM

I'd just google for JavaScript or PHP image rotator script...thousands are available.

Either that or if your image area is in a DIV, create extra DIV's with different images and then apply that to each page, i.e.,

Code:

<div id="rotate">

</div>

Page 2

Code:

<div id="rotate_about">

</div>

CSS:

Code:

#rotate_about{
background-image:url(myimage.jpg);
}

Hope it helps,

**scragar** · 11-12-2007, 09:10 AM

css doesn't make good for templates(only styling the templates you already have in HTML), but you could give your pages all unique IDs to the body:

HTML Code:

<body id="homepage">

then use the CSS to style an object different based on page:

Code:

body#homepage div#uniqueBG{
  background-image: url(IMG);
}

but that requires the use of background images and special styling, as well as editing the HTML for all the pages as well. rather a lot of work.

**ne_plus_ultra** · 11-12-2007, 09:54 AM

All very good suggestions. Thanks so much - I will try and let you know.

Thread: CSS & Templates? Image Rotation How to...

Thread Tools

Display

CSS & Templates? Image Rotation How to...

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions