banner roulatie

Status
Niet open voor verdere reacties.

Daphne82

Gebruiker
Lid geworden
18 jul 2004
Berichten
367
Hallo,

Ik zou graag een banner roulatie op mijn site zetten zoals Dutchleader dat ook wel heeft (voor de mensen die dat kennen)

Het gaat niet om een groot aantal banners hoor (5 ofzo)

Weet iemand wat daar de code voor is?

Alvast bedankt!
 
Kun je hier wat mee?

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- http://webdeveloper.earthweb.com/webjs/ -->
<html>
	
	<head>
		<title>
			banner rotate
		</title>
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
<script language="JavaScript">
<!-- Begin hiding script from older browsers

// Replace the images inside the double-quotes to your own images
// You may have any number of images
adImages = new Array("embleem-1.gif","embleem-2.gif","embleem-3.gif","embleem-4.gif","embleem-5.gif")



// Replace the quotes to inside the double-quotes to your own quotes
// You may have any number of quotes but they must equal the number of images that rotate
quote = new Array("www.helpmij.nl  EEN zeer voordelig","www.helpmij.nl   TWEE","www.helpmijnl   Drie","www.helpmij.nl   Vier.","www.zeelandnet.nl   Laat het zonnetje maar komen ")

adURL = new Array ("www.helpmij.nl","www.helpmij.nl","www.helpmij.nl","www.zeelandnet.nl","www.marktplaats.nl")


thisAd = 0
imgCt = adImages.length
quoteCt = quote.length

function rotate() {
  if (document.images) {
    if (document.cycle.complete) {
	  thisAd++
	  if (thisAd == imgCt && thisAd == quoteCt) {
	    thisAd = 0
	  }
	  document.cycle.src = adImages[thisAd];
      window.defaultStatus = quote[thisAd];
	}
// This sets the interval to which the images and quotes are rotated. 1000 equals 1 second
	setTimeout("rotate()", 3500)
  }
}

function rotateLink() { window.open(href = "http://" + adURL[thisAd] )}

// End hiding script from older browsers -->
</script>
		
<style type="text/css">
 
      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-color:#e4e4e4;
       background-repeat: no-repeat;      
       font-size: 10px;
       font-color: #000000;
       color: #000066;
}
.info{
padding:4px;
 font-size: 16px;
       font-color: #ff00ff;
       color: #800040;
font-weight:bold;
}
table{
 font-size: 10px;
       font-color: #ff0000;
       color: #000000;
}
.knop{
padding:5px;
 font-size: 16px;
border: solid 1px #800040;
      background-color:#ffff80;
  font-family: verdana, arial, helvetica;
</style>
		
	</head>
	<body onLoad="rotate()">
		<!-- Add an anchor tag to the image to call the rotateLink function of the script for links -->
		<table  width="100%" border="2" cellspacing="0" cellpadding="0" bgcolor="#e4e4e4" bordercolor="#808080">
			<tr>
				<!-- Row 1 Column 1 -->
				<td  width="40" valign="top">
					<br>
				</td>
				<!-- Row 1 Column 2 -->
				<td valign="top" ><br>

					<span class="knop " >
						Banner rotate 
					</span><br>

					<br><div class="info " >Werkt via een script in de head.<br>
En werkt via de aanroep in de body-tag.<br>
<br>

Gewoon de plaatjes invoeren en ook de website adressen.<br>Dus de huidige vervangen door je eigen plaatjes.<br>

Tevens kun je tekst toevoegen, welke dan onderin het browservenster te lezen is.<br><br>
De banners moeten wel allen dezelfde afmetingen hebben.<br><br>

468 x 60 pixels is gebruikelijk voor een banner.<br>Het aantal plaatjes moet natuurlijk wel corresponderen met het aantal linken.<br>
De tijd van wisselen is ook in te stellen.<br>

<br>

 </div>				</td>
				<!-- Row 1 Column 3 -->
				<td  width="480"  valign="top" >
													<a href="#" onClick="rotateLink()"><img src="embleem-1.gif" width="468" height="60" border="0" name="cycle"></a>
					
				</td>
				<td  width="10" valign="top" >
					&nbsp;
				</td>
			</tr>
		</table>
		
		
		
		
		
		
		
		
		
	</body>
	
</html>

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan