Rotating Banners

The Rotating State Banners script provides webmasters with an alternative way to display banners which conserves space on their web page.
[rotating_banners]
%CODE_rotating_banner_html%

 

 

Departments Using the Rotating Banner

Instructions

  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://registertovote.ca.gov/"><img src="http://www.sos.ca.gov/images/vers3/rov.jpg" alt="Secretary of State - Register to Vote" title=" Secretary of State - Register to Vote" width="130" height="55" /></a>
    <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://flexalert.org/"><img src="http://s3.amazonaws.com/flexyourpower/banners/fyp_179x50.gif" alt="Flex Alert" title="Flex Alert" width="179" height="50"/></a></div></noscript>
    <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.flexalert.org/">Flex Alerts</a><br/>
    <a href="http://www.keepyourhomecalifornia.org/">Keep Your Home California</a></p>
    </noscript>
    <!--State Banners Ends-->

0 Comments