JSFiddle - React, Tailwind, and code Playground

by deadendstreet

HTML

<HTML><HEAD>
<TITLE>Rotating Banners</TITLE>
<style type="text/css">
<!--
body {
margin: 0px;
}
-->
</style>

</HEAD>
<BODY onload="banner()" scroll="no">

<a href="javascript:void(0);" onclick="gothere();"><IMG SRC="http://kacv.org/arts/rotatorpics/banners/ac.jpeg" WIDTH="728" HEIGHT="90" BORDER="0" NAME="bannerad"></a>

</BODY>
</HTML>

JavaScript

< script type = "text/javascript" >

if (document.images) {
    ads = new Array(5);
    ads[0] = "http://kacv.org/arts/rotatorpics/banners/ac.jpeg";
    ads[1] = "http://kacv.org/arts/rotatorpics/banners/dustbowl.jpeg";
    ads[2] = "http://kacv.org/arts/rotatorpics/banners/KACVFM_AudioStream.gif";
    ads[3] = "http://kacv.org/arts/rotatorpics/banners/ranger.jpeg";
    ads[4] = "http://kacv.org/arts/rotatorpics/banners/kacv.jpeg";
}

newplace = new Array(5);
newplace[0] = "http://www.actx.edu/"
newplace[1] = "http://www.daysofdust.org"
newplace[2] = "http://www.streettoyota.com/"
newplace[3] = "http://www.acranger.com/"
newplace[4] = "http://www.kacv.org/acl"

var timer = null
var counter = 0

function banner() {
    timer = setTimeout("banner()", 120000);
    counter++;
    if (counter >= 5) counter = 0;
    document.bannerad.src = ads[counter];
}

function gothere() {
    counter2 = counter;
    window.open(newplace[counter2]);
} < /SCRIPT>