hola compañeros, lo primero decir que soy MUY NOVATO en el javascript y que tengais un poco de paciencia si conseguis ayudarme...
la cosa es que en clase nos an dado un codigo de un scrolling que va rotando varios textos, pero yo no lo entiendo, y mi profesor es nulo para repetir una explicacion.
os pego el codigo que nos han pasado y si alguno tiene 2 minutos y me explica un poco las funciones moveslide, que por lo que veo es la que le da el sentido a la rotacion, y rotateslide se lo agradeceria durante años....esque por mas que las despiezo y pruebo con ellas no las entiendo bien.
gracias de antemano.
<html>
<head>
<title>Scrolling traslucido</title>
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse"
id="AutoNumber1">
<tr>
<td width="100%"><script language="JavaScript1.2">
//tamaño
var scroller_width=250
var scroller_height=250
var bgcolor='#909461'
var pause=3000 //Coloca PAUSE entre el tramo (3000=3 seconds)
var scrollercontent=new Array()
//Define los contenidos del vector para que se visualice.
scrollercontent[0]='1111111'
scrollercontent[1]='2222222'
scrollercontent[2]='3333333'
var ie4=document.all&&navigator.userAgent.indexOf("Ope ra")==-1
var dom=document.getElementById&&navigator.userAgent.i ndexOf("Opera")==-1
if (ie4||dom)
document.write('<div
style="position:absolute;width:'+scroller_width+'; height:'+scroller_height+';overflow:hidde
n"><div id="canvas0" style="position:absolute;background-
color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height
+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1"
style="position:absolute;background-
color:'+bgcolor+';width:'+scroller_width+';height: '+scroller_height+';top:'+scroller_height
+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+'
height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub
width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]
+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=documen t.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacit y=document.getElementById
("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=scroller_height*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) :
document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
</p>
</center>
</body>
</html>
