Mirar, tengo un problemilla con un scroll de noticias que esta aqui:
www.deexteriores.com
Si cargo la web, y el scroll de noticias esta en el div visible que tengo desde un primer momento, me funciona correctamente.
Ahora, si el script esta en un div que esta ocultado y lo quiero mostrar luego, el scroll de noticias no se me mueve, se queda parado.
Para poderlo comprobar solo teneis que entrar en la web anteriormente mencionada, cargarla normalmnte y vereis como las noticias se mueven. Seguidamente volverla a cargar y antes de que este toda cargada (mientras las imágenes se van descargando), clickear sobre algun otro elemento del menú; servicios, carácter propio o contacto y luego darle a noticias. Como podreís ver las noticias ya no se mueven...
Es como si el script necesitaria estar en un div visible nada más ejecutarse la web desde el principio.
CSS
Código PHP:
#divnoticias {
position: relative;
width: 248px;
height: 270px;
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}
#divnoticias a {
color:#E33000;
}
Código PHP:
<script type="text/javascript">
var delayOnStart = 1000;
var tickerSpeed = 1;
var pauseOnMouseOver = true;
/** TICKER CODE STARTS HERE **/
var copyspeed = tickerSpeed;
var pausespeed = (pauseOnMouseOver==0) ? copyspeed : 0;
var actualheight = '';
function scrollTicker(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}
function initializemarquee(){
cross_marquee=document.getElementById("tickerID")
cross_marquee.style.top=0
marqueeheight=document.getElementById("divnoticias").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollTicker()",35)', delayOnStart)
}
if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>
Código PHP:
<div id="divnoticias" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=tickerSpeed" align="justify">
<div id="tickerID" style="position: absolute; width: 98%;">
Aqui va todo el contenido del div.....blablablabla
</div>
</div>
¿Alguien sabe porque puede ser?
Muchas gracias.