WebTools branding banner, with hammer and wrench tools in background

Rotating State Banners

The Rotating State Banners script provides webmasters with an alternative way to display the required banners which conserves space on their web page.

Follow these steps:

  1. Download the required files.
  2. Copy the "state_banners" folder with the banner images into your "images" folder.
  3. Copy the "rotatingbanner.js" file into your "javascript" folder.
  4. Copy the "rotatingbanner.css" file into your "css" folder.
  5. In your HTML page, add the following between the opening and closing <head> tags in the "Begin Javascript" area, after "navigation.js":
    <script type="text/javascript" src="/javascript/rotatingbanner.js"></script>
  6. In your HTML page, add the following between the opening and closing <head> tags in the "Begin Style" area:
    <link rel="stylesheet" href="/css/rotatingbanner.css" media="screen, projection, print, tv" type="text/css" />
  7. Copy the following code where you would like to see the banner:
    <!--Rotating State Banners Begins-->
    <div id="rotating_banner_container">
    <div id="rotating_banner_images">
    <a href="http://www.chp.ca.gov/amber/index.html"><img src="/images/state_banners/179x50/amber_alert.jpg" alt="Amber Alert" title="Amber Alert" width="179" height="50"/></a>
    <script type="text/javascript" src="http://s3.amazonaws.com/flexyourpower/banners/179x50.js"></script>
    <noscript><div><a href="http://www.fypower.org/"><img src="http://s3.amazonaws.com/flexyourpower/banners/fyp_179x50.gif" alt="Flex Your Power" title="Flex Your Power" width="179" height="50"/></a></div></noscript>
    <a href="http://www.veterans.ca.gov/"><img src="/images/state_banners/179x50/veteran.gif" alt="California's Operation Welcome Home - www.veterans.ca.gov/" title="California's Operation Welcome Home" width="179" height="50"/></a><a href="http://www.keepyourhomecalifornia.org/"><img src="/images/state_banners/179x50/kyhc.jpg" alt="Keep Your Home California - http://www.keepyourhomecalifornia.org/" title="Keep Your Home California" width="179" height="50"/></a>
    </div>
    </div>
    <noscript>
    <p>This area highlights California state campaign banners. It works best if you enable JavaScript in your browser. If you choose to keep JavaScript disabled, you can access the highlighted items from the following text links.</p>
    <p>
    <a href="http://www.chp.ca.gov/amber/index.html">Amber Alert</a><br/>
    <a href="http://www.fypower.org/">Flex Your Power</a><br/>
    <a href="http://www.veterans.ca.gov/">California's Operation Welcome Home</a><br/>
    <a href="http://www.keepyourhomecalifornia.org/">Keep Your Home California</a></p>
    </noscript>
    <!--State Banners Ends-->