Rotating...

[elli]

As part of my lj style experimentations, Banners or Headers for lj, your website or really anything else. This is what you do.

• 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.