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

W ramach HEAD

<!--script made by Andrzej Iwanek Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript. http:/kki.net.pl/~andyiv/-->
& ltscript language=JavaScript>
< !--
function AppInit(){
bannersInit()
newBanner()
}

function bannersInit(){
numBan=4
num=numBan-1
bann=new Array(numBan)
for (i=0;i&ltnumBan;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>[/url]</div>
< div id="Div1"><img SRC="....

i tak dla każdego bannera.

Popularne Artykuly

Najnowsze Artykuły