Ciao a tutti ho un un riquadro dove in scrolling infinito si vedono le anticipazioni delle ultime 4 news (lo potete vedere in azione su www.varesetchoukball.it in alto a destra)
mi è però stato fatto notare che una volta cambiata la notizia se si voleva leggere quella precedente bisogna aspettare che finisca il ciclo.....
ho già pensato ad aumentare il valore di delay tra una notizia e l'altra, ma quello che volevo fare (non riuscendoci ) è renderlo un più dinamico.
mi spiego, la mia intenzione è quella di far si che al passaggio del mouse lo scroll si blocchi e sia possibile fare lo scroll alle notizie precedenti (senza barre laterali, ma il concetto è lo stesso ) e che una volta spostato il mouse dal riquadro lo scrolling riprenda
help me

ecco il codice

codice:
var scrollerdelay='3000' // ritardo tra le news
var scrollerwidth='150px'
var scrollerheight='105px'
var scrollerbgcolor='white'
var scrollerbackground=''

var messages=new Array()
		messages[0]="<a href='n12.html'><font size=2>13.08.2012
I Pirates al camp di Morosolo</font></a>

<font color='#555555'>Si narra che secoli fa in quel di Morosolo arrivava il mare ed esso ero solcato dal ...</font>"

		messages[1]="<a href='n11.html'><font size=2>16.05.2012
Festa della città dei bambini</font></a>

<font color='#555555'>Vento, aria gelida e un minaccioso nuvolone nero non hanno scoraggiato i Pirates ...</font>"

		messages[2]="<a href='n10.html'><font size=2>23.04.2012
I Pirates ri-conquistano la Serie A</font></a>

<font color='#555555'>SERIE AAAAAAA!!!! I nostri Pirates sono riusciti nella giornata di ieri,  ...</font>"

		messages[3]="<a href='n9.html'><font size=2>05.04.2012
Nuove magliette FAN!!!</font></a>

<font color='#555555'>Sono arrivate le nuovissime magliette per i FAN!!!! Disponibili in due colorazioni!!!!ROSSA e NERA!!!</font>"

var ie=document.all
var dom=document.getElementById
	if (messages.length>2)
		i=2
	else
		i=0

function move(whichdiv){
	tdiv=eval(whichdiv)
	if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
		tdiv.style.top=0+"px"
		setTimeout("move(tdiv)",scrollerdelay)
		setTimeout("move2(second2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
		tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
		setTimeout("move(tdiv)",50)
	}
	else{
		tdiv.style.top=parseInt(scrollerheight)+"px"
		tdiv.innerHTML=messages[i]
		if (i==messages.length-1)
			i=0
		else
			i++
		}
}

function move2(whichdiv){
	tdiv2=eval(whichdiv)
	if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
		tdiv2.style.top=0+"px"
		setTimeout("move2(tdiv2)",scrollerdelay)
		setTimeout("move(first2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
		tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
		setTimeout("move2(second2_obj)",50)
	}
	else{
		tdiv2.style.top=parseInt(scrollerheight)+"px"
		tdiv2.innerHTML=messages[i]
		if (i==messages.length-1)
			i=0
		else
			i++
	}
}

function startscroll(){
	first2_obj=ie? first2 : document.getElementById("first2")
	second2_obj=ie? second2 : document.getElementById("second2")
	move(first2_obj)
	second2_obj.style.top=scrollerheight
	second2_obj.style.visibility='visible'
}

if (ie||dom){
	document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')

	document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')

	document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')

	document.write(messages[0])

	document.writeln('</div>')

	document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')

	document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])

	document.writeln('</div>')

	document.writeln('</div>')

	document.writeln('</div>')
}

if (window.addEventListener)
	window.addEventListener("load", startscroll, false)
else if (window.attachEvent)
	window.attachEvent("onload", startscroll)
else if (ie||dom)
	window.onload=startscroll