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).
<!--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.