• Download the script here.
• Unzip it
• Create your banner(s)
• Upload php script and banners to the same directory on your webspace.
• Change your code.
  • Option a :)- If you use my layout, go to the place where the banner is added and change the banner image url to the url to link to your script.

    #banner-inner{

    background-image: url(http://www.yourspace.com/banner.jpg); background-repeat: no-repeat; background-position: center 9px; height:240px; margin:auto;

    }

    becomes

    #banner-inner{

    background-image: url(http://www.yourspace.com/rotate.php); background-repeat: no-repeat; background-position: center 9px; height:240px; margin:auto;

    }

    The script ready all the images in the folder and displays them instead of the rotate.php.
  • Option b :) Background in body.

    body {

    background-image: url(http://www.yourspace.com/rotate.php); background-repeat: no-repeat; margin:auto;

    }

    remember to use a margin-top on the content area here.
  • Option c :) Replace image tag.
    You can also replace the image tag on layout (img src="") Instead of your jpg you set the rotate.php.

You need webspce that hosts files other than images and possibly has php support, although i'm not sure about that. A tip: try and make your banners the same height and width, so you do not have to trick with your height and width css.