Интересен скрипт за ротация на банери!
Eто един интересен скрипт за ротация на банери.Рекламите се сменят на всеки 30 секунди като едниния банер "избутва" другия

ДЕМО


<html>
<title>Ротация на Банери</title>
<head>
<script language="JavaScript">

var displayTime, speed, wait, banner1, banner2, bannerIndex, bannerLocations;


function initVar() {
displayTime = 10; // Времето през което ще се сменят банерите.
speed = 5; // Скоростта за която ще се сменят банерите
wait = true;

banner1 = document.getElementById("banner1");
banner2 = document.getElementById("banner2");

banner1.style.left = 0;
banner2.style.left = 500;

bannerIndex = 1;



// Напишете пътя до банера
bannerLocations = new Array("http://www.САЙТ.com/banner1.gif", "http://www.САЙТ2.com/banner2.gif");

// Напишете URLа който ще се зарежда при клик
bannerURLs = new Array("http://www.САЙТ.com/","http://www.САЙТ2.com/");
}



function moveBanner(){

if(!wait){

banner1.style.left = parseInt(banner1.style.left) - (speed * 5);
banner2.style.left = parseInt(banner2.style.left) - (speed * 5);


if(parseInt(banner1.style.left) <= -500){
banner1.style.left = 500;
bannerIndex = (bannerIndex < (bannerLocations.length - 1)) ? ++bannerIndex :0;
banner1.src = bannerLocations[bannerIndex];
link1.href = bannerURLs[bannerIndex];
wait = true;
}

if(parseInt(banner2.style.left) <= -500){
banner2.style.left = 500;
bannerIndex = (bannerIndex < (bannerLocations.length - 1)) ? ++bannerIndex :0;
banner2.src = bannerLocations[bannerIndex];
link2.href = bannerURLs[bannerIndex];
wait = true;
}

setTimeout("moveBanner()",100);
} else {
wait = false;
setTimeout("moveBanner()", displayTime * 1000);
}
}


</script>
<style>

#addbox { position: relative; width: 500px; height: 70 px; clip: rect(0px, 500px, 0px, 70px); overflow: hidden; }
#banner1 { position: relative; width: 480px; height: 60px; left: 0; top: 5px; }
#banner2 { position: relative; width: 480px; height: 60px; left: 500px; top: -55px; top:-58px; }

</style>
</head>

<body onLoad="initVar(); moveBanner()">


<div align="center"><div name="addbox" id="addbox">
<a name="link1" id="link1" href="http://www.САЙТ.com"><img border="0" name="banner1" id="banner1" src="http://www.САЙТ.com/banner1.gif"></a>

<a name="link2" id="link2" href="http://www.САЙТ2.com"><img border="0" name="banner2" id="banner2" src="http://www.САЙТ2.com/banner2.gif"></a>
</div></div>

</body>
</html>


ДЕМО




/ Трябва да сте регистриран за да напишете коментар /
От: despper
17:53 19-05-2010
xa
1