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

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.