Comments on: CSS Random Background Image Rotation

By: ChrisR

ChrisR — Thu, 18 Feb 2010 18:57:12 +0000

Hello.

I was able to accomplish the random background with a different method, it's not as dynamic as this one, I have to put the file names in an array. since I'll only have a couple images, that is fine.

Thanks!

Chris

By: ChrisR

ChrisR — Wed, 17 Feb 2010 13:15:23 +0000

Hello,

Yup, I have the @import directive in place. If you'd be willing to check it out, that would be great. My site is http://hasslefreegaming.com/v2/index.php. I'm new to css and php, the site is a work in progress

Thanks again!

By: Lafinboy

Lafinboy — Wed, 17 Feb 2010 05:26:39 +0000

Hey Chris, have you included the @import style directive in the head of your page? It looks like you're doing everything else right. Do you have a URL I can have a look at so I can help debug?

By: ChrisR

ChrisR — Tue, 16 Feb 2010 20:41:11 +0000

I'm going to be "that guy", and reply to my own post… So, im my css file, I left the body section empty

Body { }

I then added a rotate id

#rotate {
background: #012d4a;
background-position: top center;
background-repeat: no-repeat;
background-attachment:fixed;
font-size: 1em;
font-family: verdana;
margin: 0;
}

From there, I did as you suggested, and put the id in my body tag . Everything worked, except this script. The background colour was correct, so I am assuming the rotate properties are applied to the body. However, I end up with no images.

I have dynamic_css.php located in the same directory as my css file, though I'm not sure how it knows the name of the css file? Fortunately, I only have one css file so i guess that shouldn't be an issue. I put the following in the dynamic_css file;

$imgFolder = "/img/rotate/"; (I also tried img/rotate/)
$element = "rotate";

My image directory contains two images, both .png files.

I can't think of any other useful information

Not sure where I could be going wrong?

Cheers,

Chris

By: ChrisR

ChrisR — Tue, 16 Feb 2010 17:40:39 +0000

Hello and thanks for the quick reply! Just so I'm clear on your instructions, you're suggesting I make up an ID for this script, lets say we call it rotate. I would then do something like in my pages?

Would I need to have the #rotate id added to my css file as well?

I'm very new to css and php, sorry

By: Lafinboy

Lafinboy — Tue, 16 Feb 2010 05:45:29 +0000

Hi Chris, the script attaches itself to an element identified by an id attribute. Quick fix is to add an id attribute to your body element, and use this id in the script.

By: ChrisR

ChrisR — Mon, 15 Feb 2010 17:25:58 +0000

Hello,

Hopefully someone can help me. I'm trying to use this script to rotate the overall site background. I've tried everything I can think of to get this to work. Could my problems be related to the fact that the body section of the CSS file doesn't start with a # (as seen below)?

BODY {
background: #012d4a;
background-image: url(img/background3.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment:fixed;
font-size: 1em;
font-family: verdana;
margin: 0;
}

This is the background image that I am trying to rotate… is it possible? Any help would be greatly appreciated!

Thanks

Chris

By: tom

tom — Tue, 01 Dec 2009 23:07:55 +0000

shweet!

By: Hugh

Hugh — Mon, 30 Nov 2009 13:01:16 +0000

As Pink Floyd said……"Is there anybody out there?"…….

???

By: Trevor

Trevor — Tue, 24 Nov 2009 03:25:39 +0000

I'm also trying to use it in my Wordpress theme, which also has it's own header.php. I feel I did everything as directed above, and I even tried customizing it a bit, but nothing seems to work.

Does anyone know how to get this, or any other random background image generator to work with Wordpress. I can't seem to find anything.

-Trevor