Трябва ми...

miro_94

Registered
Трябва ми един JS, който да скролира картинки и когато посочиш картинка да спират да се движат.Мерси предварително.

EDIT:
%E1%E0%ED.png
ето това да скролира.

EDIT 2:
Значи трябва ми код както е във http://www.sharkpent.com/ примерно в полето "Реклама" такъв код, но като посочиш банера и да спира скролирането.
 
<marquee> не е валиден таг. Поне според w3c.
ЕДИТ: A иначе ето.
Код:
<marquee behavior="scroll" direction="up" onMouseOver="stop();" onMouseOut="start();" hspace="2" vspace="2" truespeed="truespeed" title="Мини Чат" scrollamount="1" scrolldelay="1">ТЕКСТ ТЕКСТ ТЕКСТ</marquee>
 
Ето ти за скролиране на ляво :)
Код:
<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>
 

Back
Горе