Zmieniające się bannery.

Skrypt generuje kolejno bannery, w ustalonym okresie czasu. W przykładzie co 12 sekund zostaje wyświetlony kolejno jeden z czterech bannerów (opracowanie: Andrzej Iwanek).

Stargardzki Magazyn Webmasterski
Pismo dla chcących wiedzieć więcej...
Webmaster - magazyn profesjonalistów WWW
Sojusz dla Webmasterów








W ramach HEAD
<!--script made by Andrzej Iwanek andyiv@kki.net.pl http:/kki.net.pl/~andyiv/-->
<script language=JavaScript>
<!--
function AppInit(){
bannersInit()
newBanner()
}

function bannersInit(){
numBan=4
num=numBan-1
bann=new Array(numBan)
for (i=0;i<numBan;i++)
bann[i]="Div"+i
}

function newBanner(){
speed=12000
banOld=bann[num]
num++
num=num %numBan
banNew=bann[num]
showNew()
setTimeout("newBanner()",speed)
}
function showNew(){
	if(document.all) {
		document.all[banOld].style.visibility="hidden";
		document.all[banNew].style.visibility="visible";
	}
	if (document.layers){
		document.layers[banOld].visibility="hide";
		document.layers[banNew].visibility="show";
	}
}
window.onload=AppInit
//-->
</script>
W ramach HEAD - style
<STYLE TYPE="text/css">
<!--
trzeba pamiętać o podaniu wysokości, szerokości i clipa bannera, żeby wyświetlał się cały
	#Div0 {position:absolute; left:150; top:130; width:53; height:50;
	clip:rect(0,53,50,0); visibility:hidden; layer-visibility:hide}
w tym przypadku banner miałby szerokość 53 piksele, wysokość 50 pikseli.
	#Div1 {position:....
-->
</STYLE>
W ramach body należy zadeklarować DIV-y wraz z url-em linków i url-em bannera 
<div id="Div0"><a href="url strony do której kieruje banner">
<img SRC="url do grafiki bannera"  alt="Wyświetlany tekst bannera - można pominąć" border=0></a></div>
<div id="Div1"><img SRC="....
i tak dla każdego bannera.