Zmieniaj±ce się losowo bannery.

Skrypt generuje losowo wybrany banner, który wy¶wietlany jest w losowo wybranym okresie, a następnie zmieniony na inny. Liczba bannerów oraz częstotliwo¶ć zmian może być zmodyfikowana (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 RandomB(range){
	today = new Date();
	num = today.getTime();
	num = Math.abs(Math.round(Math.sin(num*3)*38111) % range)
	return(num)
}

function bannersInit(){
numBan=4
bann=new Array(numBan)
for (i=0;i<numBan;i++)
bann[i]="Div"+i
banOld=bann[0]
banNew=bann[RandomB(4)]
}

function newBanner(){
if(banOld==banNew)
banNew=bann[(RandomB(4)+1) % 4]
showNew()
banChange()
setTimeout("newBanner()",6*RandomB(1500)+3000)
}

function banChange(){
banOld=banNew
banNew=bann[RandomB(4)]
}

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.