Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/10/2010, 11:22
davicito
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 15 años, 7 meses
Puntos: 1
no me funciona la marquesina en mozilla

Hola,
Necesito vuestra ayuda, me estoy comiendo el coco, no se porque no funciona la marquesina de imagenes horizontal en mozilla.

Os paso el codigo, si alguno tiene otro codigo de ejemplo que funcione se lo agradezco...


muchas gracias a todos.

Código HTML:
<script language="javascript">
var ancho = 958  // especifica la anchura a mostrar
var alto = 55 // especifica la altura a mostrar (alto de las imágenes)
var velo = 16 // velocidad 
var dis = 1 //cantidad de pixels que desplaza por movimiento
 
var imagenes = new Array()
imagenes[0] = new Image()
imagenes[0].src = "mrc/marca1.jpg" // ruta o nombre de imagen 
imagenes[1] = new Image()
imagenes[1].src = "mrc/marca2.jpg"
imagenes[2] = new Image()
imagenes[2].src = "mrc/marca3.jpg"
imagenes[2].target = "_blank"
imagenes[3] = new Image()
imagenes[3].src = "mrc/marca4.jpg"
imagenes[4] = new Image()
imagenes[4].src = "mrc/marca5.jpg"
imagenes[5] = new Image() 
imagenes[5].src = "mrc/marca6.jpg"
imagenes[6] = new Image()
imagenes[6].src = "mrc/marca7.jpg"
 
var vel = velo
pasos = 1
var tot = 0
var tam =0;
var pos,pos2,tam2 =0;
function escribe(){
document.write ('<div id ="fuera" style="position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden; background-color:#333333;">');
document.write ('<span id="imas" style="position:absolute; width:' + tam + 'px;height:' + alto + 'px; left = -' + tam + 'px;"  vel=velo;mueve()">');
for (m=0;m<imagenes.length;m++){
	document.write ('<img border="0" src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
	}
document.write ('</span>');
document.write ('<span id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=10px;"  atras = false;vel=velo;mueve()">');
for (m=0;m<imagenes.length;m++){
	document.write ('<img border="0" src ="' + imagenes[m].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
	}
document.write ('</span>');
document.write ('</div>');
}
var detienee = 0,posb,pos2b;
function mueve(){
pos = document.getElementById('imas').style.left;
pos2 = document.getElementById('imas2').style.left;
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
if(detienee == 1){
	posb = pos;
	pos2b = pos2;
	}
if(atras == true){
pos-=dis;
pos2 -=dis;
}
else{
pos += dis;
pos2 += dis;
}
if(pos2 > (ancho + dis)){
	if(detienee == 0){
		document.getElementById('imas2').style.left = pos  - (tam + dis);
		pos2 = document.getElementById('imas2').style.left;
		}
	else{
		document.getElementById('imas').style.left = pos 
		}
	}
else{
	document.getElementById('imas').style.left = pos 
	}
 
if(pos > (ancho + dis)){
	if(detienee == 0){
		document.getElementById('imas').style.left = pos2 - (tam + dis);
		pos = document.getElementById('imas').style.left;
		}
	else{
		document.getElementById('imas2').style.left = pos2;
		}
	}
else{
	document.getElementById('imas2').style.left = pos2
	}
if(detienee > 0){
	if(detienee == pasos){
		vel = velo;
		atras = true;
		detienee--;
		tiempo = setTimeout('mueve()',vel);
		}
	else{
		if(atras == true){
			if(detienee>(pasos/2))
				{detienee--}
			else{
			vel = velo;
			clearTimeout(tiempo)
			}
			}
	else{
		detienee++
		}
	if(detienee > (pasos/2) && atras == false){vel +=10}
		if(detienee < (pasos/2)){vel +=10}
		tiempo = setTimeout('mueve()',vel)
		}
	}
else{
tiempo = setTimeout('mueve()',vel)
	}
if(atras == true){
		if (pos == posb){
			clearTimeout(tiempo);
			atras = false;
			}
		}
}
var tiempo;
var atras = false, ini;
function inicio(){
if(tot == (imagenes.length * 2)){clearTimeout(ini);reDimCapas();mueve()}
else{ini=setTimeout('inicio()',500)}
}
function reDimCapas(){
for(m=0;m<imagenes.length;m++){
	tam +=document.getElementById('ima'+m).width + 5
	document.getElementById('imas').style.left = (-tam +10);
	document.getElementById('imas').style.width = tam ;
	document.getElementById('imas2').style.width = tam;
	}
}
</script>