Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
<!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" >
</td>
</tr>
</table>
</body>
</html>
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.