php question

[downquark1]

I have a wordpress blog set up and I want the header image to rotate randomly, so I use this script http://www.alistapart.com/d/randomizer/rotate.txt (rename it to rotate.php)
and put this in CSS file
image:url(images/headers/rotate.php);
background-repeat:no-repeat;
background-position:top;
height:309px;
}


But the when I go to the rotate.php the website returns the text of the script instead of executing it.

How do I get it to execute?

[craigj2k12]

image:url(images/headers/rotate.php);

image: isnt a css property and:
rotate.php is the script file, and cant be added as an image anyway (image=picture)

i havnt used wordpress, is it PHP?
for php, you will want something like:
include 'images/headers/rotate.php';

for HTML you will want
<!--#include file="images/headers/rotate.php" -->

insert this line of code into the page, not the css

[downquark1]

the image property was in the original wordpress css file.

I was following the instructions here: http://sonspring.com/journal/easy-ra...ss-backgrounds

And wordpress is php

[craigj2k12]

background: url(images/rotator.php);

thats right, you had

image: url(images/rotator.php)

[downquark1]

sorry I didn't copy it properly:
this is what doesn't work
#main-img{
width:906px;
background-image:url(images/headers/rotate.php);
background-repeat:no-repeat;
background-position:top;
height:309px;
}

[Graham M]

.php files can be linked as images as they can be set to return an encoded image file rather than text, downquark, maybe you could link me to your site so I can take a look

[craigj2k12]

but "image:" isnt a css property

[downquark1]

Thanks to Graham for solving my problem. Some how some screwy metadata had got inserted into the file without me noticing.

[Graham M]

Basically something can converted all of the symbols in the code to HTML characters like &lt; for instance and some data had been inserted that didn't belong which would have corrupted the output images anyway