Банер ротация, помощ
- Автор E398
- Начална дата
<html>
<title>Ротация на Банери</title>
<head>
</head>
</body>
</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.multimg.com/banners/banner1.swf", "http://store.picbg.net/pubpic/E8/D0/06c1b9a82c67e8d0.jpg");
// Напишете URLа който ще се зарежда при клик
bannerURLs = new Array("http://www.bulgsm.com","http://www.1-gsm.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>
Код:
<body onLoad="initVar(); moveBanner()">
<div align="center"><div name="addbox" id="addbox">
<a name="link1" id="link1" href="http://www.bulgsm.com"><embed src="http://www.multimg.com/banners/banner1.swf" quality="high" bgcolor="#ffffff" width="468" height="60" name="banner1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></a>
<a name="link2" id="link2" href="http://www.1-gsm.com"><img border="0" name="banner2" id="banner2" src="http://store.picbg.net/pubpic/E8/D0/06c1b9a82c67e8d0.jpg"></a>
</div></div></html>