Ik ben op zoek naar een bannerscript.js waarmee ik op een pagina drie verschillende banner kan beheren. De banners verschillen van groote en het is de bedoeling dat ik via dat ene script dus alle banners kan configureren.
Ik heb nu dit script en dat werkt erg goed voor een banner
het is de bedoeling dat ik een banner kan toevoegen en die in een andere layer kan plaatsen. de layers/banners staan dus los van elkaar.
Wie O wie kan mij hiermee helpen.
Ik heb nu dit script en dat werkt erg goed voor een banner
Code:
/*---------------------------
1) add into your <head>:
<script language="javascript" src="bannerscript.js"></script>
<style>
<!--
#bannerAd{visibility:visible;}
-->
</style>
-----------------------------*/
/*----------------------------
2) add this code into your webpage where you want the banner ad to be displayed:
<!-- Banner Ad code -->
<div id="bannerAd">
<script language="JavaScript">
<!--
document.write(myCode)
// -->
</script>
</div>
<!-- End Banner Ad-->
-----------------------------*/
//-3) time between switching the ad, in milliseconds -\\
var refreshTime = 11000; //- 5000 ms = 5 seconds -\\
//-4) number of ads to rotate -\\
var numAds = 2;
function makeAd() {
this.width = ''
this.height = ''
this.src = ''
this.href = ''
this.mouseover = ''
}
var ads = new Array()
for(var i = 1; i <= numAds; i++) { ads[i] = new makeAd() }
//- 5) Copy and paste the lines between the banner definition for
//each banner you want to rotate and be sure to change numAds to
//the number of banners (look about 15 lines up for numAds)
i = 1;
/*------------begin banner definition----------*/
ads[i].width = "135" //width of image
ads[i].height = "100" //height of image
ads[i].src = "images/#1.gif" //image url
ads[i].href = "http://www.google.nl" //link url
ads[i].mouseover = "" //text to display when mouse moves over banner
ads[i].sponsor = "" //text to display for text link under banner
i++
/*-------------end banner definition-----------*/
ads[i].width = "135"
ads[i].height = "100"
ads[i].src = "images/#2.gif"
ads[i].href = "http://www.travelinfozeeland.com"
ads[i].mouseover = ""
ads[i].sponsor = ""
i++
var myCode = '';
do {
var n= Math.floor(Math.random() * (numAds + 1) + 1);
} while(n > numAds);
var current_ad = n;
myCode = getCode(n);
function getCode(adNumber){
var tempCode = ""
tempCode += ('<a href="'+ ads[adNumber].href +'" \n')
tempCode += ('onMouseOver="status=\''+ ads[adNumber].mouseover +'\';return true" \n')
tempCode += ('onMouseOut="status=\'\'"> \n')
tempCode += ('<img src="' + ads[adNumber].src + '" width=' + ads[adNumber].width)
tempCode += (' onLoad="setTimeout(\'newAd();\',' + refreshTime + ');"')
tempCode += ('\n height=' + ads[adNumber].height + ' border=0 >')
tempCode += ('</a>')
return tempCode;
}
function newAd(){
current_ad++;
if (current_ad > numAds)
current_ad = 1;
if (document.all){
write(getCode(current_ad));
}
}
function write(text){
if (document.layers) {
document.bannerAd.document.write(text)
document.bannerAd.document.close();
}
else
if (document.all)
document.all.bannerAd.innerHTML = texthet is de bedoeling dat ik een banner kan toevoegen en die in een andere layer kan plaatsen. de layers/banners staan dus los van elkaar.
Wie O wie kan mij hiermee helpen.
Laatst bewerkt door een moderator:
Wanneer iets niet lukt, laat het dan weten.
