Ротатор изображения в шапке

[bagfinder]

В стиле есть строка, отвечающая за изображение, находящееся в шапке сайта:

.headimage { background:url(images/headimage.png); height:150px; background-repeat:no-repeat; background-position:center; }

На просторах интернета нашел ротатор изображений на php:

$format=array("jpg","JPG","jpeg","JPEG","GIF","gif","PNG","png");
$img_rand=array();
$c1=sizeof($format);
for($i=0; $i<$c1; $i++){
$add_img=glob("./images/*.".$format[$i]."");
$img_rand=array_merge((array)$add_img,(array)$img_rand);
}
$c2=sizeof($img_rand);
$rand=rand(0,($c2-1));
echo "<img src='".$img_rand[$rand]."'>";

Как прикрутить этот ротатор к сайту?

[bagfinder]

Есть идеи?

[klierik]

если изображение крутится средствами пхп, то аяксом грузить каждую версия поворота.

или же грузить весь сгенерироанный пак и потом скриптом показывать каждую позицию по отдельности.

[bagfinder]

Как связать между собой этот код из css со скриптом?