CSS & Templates? Image Rotation How to…

@ne_plus_ultraNov 12.2007

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.

to post a comment

CSS

@ryanbutlerNov 12.2007 — #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>[/CODE]

Page 2

[CODE]<div id="rotate_about">
 
 </div>[/CODE]

CSS:

[CODE]#rotate_about{
 background-image:url(myimage.jpg);
 }[/CODE]

Hope it helps,

@scragarNov 12.2007 — #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:
[code=html]<body id="homepage">[/code]then use the CSS to style an object different based on page:

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_ultraauthorNov 12.2007 — #All very good suggestions. Thanks so much - I will try and let you know.

CSS & Templates? Image Rotation How to…

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

CSS & Templates? Image Rotation How to…

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴