problema con javascrip en moxilla firefox

frankliberia · #1 (**permalink**) 21/08/2009, 19:36

Buenas es mi primer participación y no conozco mucho de javascript, necesito poner un rollover de imagenes o texto con enlace para una sección de noticias.
Tengo una página con noticias dentro de mi web revistadeportivaliberiana pero quiero poner arriba en la parte de contenido de la página de noticias algo así como un array de noticias que se vayan cambiando cada cierto tiempo. O sea muestro la noticia principal en la página y arribita muestro otras noticias, si alguien esta interesado en la noticia que se está mostrando en ese momento da click y el enlace lo lleva a esa noticia.

buscando encontré algo parecido pero tengo el problema si lo pongo en una página en blanco y sólo el codígo me funciona, pero si lo pongo en la página de noticias no se muestra

El código no es lo que yo quisiera porque necesito que cada imagen tenga un enlace diferente, y si alguien tuviera algun codigo que en vez de imagenes pudiera mostrar texto creo que sería mejor.

Pongo mi codigo para que lo vean

Código HTML:

<head>

<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">


<title>Texmensaje</title>

<script language="Javascript" type="text/javascript">
mis_imagenes = new Array("imagenes/noticia_1.jpg","imagenes/noticia_2.jpg","imagenes/noticia_3.jpg")
mi_imagen = 0
imgCt = mis_imagenes.length
function rotacion() {
if (document.images) {
mi_imagen++
if (mi_imagen == imgCt) {
mi_imagen = 0
}
document.anuncio.src=mis_imagenes[mi_imagen]
setTimeout("rotacion()", 3 * 1000)
}
}
</script>
</head>
<body bgcolor="#FFFFFF" onload="rotacion()">
<div>
<div>	
	 <table width="800" height="895" border="0">
           <tr>
           <td><img src="imagenes/noticia_2.jpg" width="316" height="200"></td>
             <td width="161" valign="top" bgcolor="#00CD00">

<center>
<img src="imagenes/noticia_1.jpg" name="anuncio" alt="Anuncios" />
</center>

</td>
</td>
</tr>
</table>
</div>
</div>
</body>

</html>

lo de las tablas y las capas lo hice de prueba porque mi página tiene capas y tablas y creia que talvez algo de eso interfería en el codigo pero no.

Adler · #2 (**permalink**) 22/08/2009, 07:00

Hola

Prueba con este. Ocupa texto e imágenes vinculadas. Modificalo a tus necesidades

Código javascript:

Ver original<html>
<head>
<title>Rotador de banners</title>
 
<script language="JavaScript" type="text/JavaScript">
var url_vector = new Array(5);
var txt_vector = new Array(5);
var banner_vector = new Array(5);
var counter = 0;
var url = "";
 
url_vector[0] = "http://www.curso1.com";
url_vector[1] = "http://www.curso2.com";
url_vector[2] = "http://www.curso3.com";
url_vector[3] = "http://www.curso4.com";
url_vector[4] = "http://www.curso5.com";
 
 
 
txt_vector[0] = "Nivel muy bajo";
txt_vector[1] = "Vas subiendo de nivel";
txt_vector[2] = "Nivel intermedio";
txt_vector[3] = "Nivel avanzado";
txt_vector[4] = "Estas hecho un hacha";
 
 
 
if(document.images){
  for(i = 0; i < 5; i++)
  {
    banner_vector[i] = new Image(62,12);
    banner_vector[i] = "iconos/" + (i+1) + ".gif";
  }
}
 
 
function changeBanner(){
    if(counter > 4)
      counter = 0;
document.getElementById("banner").innerHTML = "<img src="+banner_vector[counter]+" width='62px' height='12px' title="+txt_vector[counter]+" border='0px' />"
url = url_vector[counter];
document.getElementById("texto").innerHTML = txt_vector[counter];
document.getElementById("banner_peq_5").style.background="white";
document.getElementById("banner_peq_"+(counter+1)).style.background="red";
    if (counter >= 1)
document.getElementById("banner_peq_"+counter).style.background="white";     
      counter++;
    }
 
 
timer = setInterval("changeBanner()", 2000);
window.onload = changeBanner;
 
</script>
</HEAD>
<body>
<a href="#" onClick="window.open(url,'BannerWin');">
<div id="banner"></div>
</a>
 
<div id="texto"></div>
 
<table border="1">
<tr>
 
<td id="banner_peq_1">
<img src="iconos/1.gif" />
</td>
<td id="banner_peq_2">
<img src="iconos/2.gif" />
</td>
<td id="banner_peq_3">
<img src="iconos/3.gif" />
</td>
<td id="banner_peq_4">
<img src="iconos/4.gif" />
</td>
<td id="banner_peq_5">
<img src="iconos/5.gif" />
</td>
</tr>
</table>
</body>
</html>

Suerte

frankliberia · #3 (**permalink**) 22/08/2009, 10:17

Muchas gracias Adler por el código y por responderme prontamente, me pondré a trabajar en el código y ya te comento.

frankliberia · #4 (**permalink**) 22/08/2009, 10:39

Es justo lo que necesito ya lo probé, pero sólo me funciona con el explorer, no me funciona en mozilla. Cual será el problema? Lo subí al servidor e hice las pruebas. Algo curioso es que si pongo el codigo en una página sola si me funciona en mozilla, pero al ponerlo en la página de noticias con el triple doble v revistadeportivaliberiana.com/noticias/noticias.html
no me funciona, pongo la dirección para que vean el código de la página a ver si hay algún problema.

Adler · #5 (**permalink**) 23/08/2009, 07:11

Hola

¿Donde está la función rotacion()?

Suerte

frankliberia · #6 (**permalink**) 24/08/2009, 08:24

Ahí está en el código es la primera función

Vhan · #7 (**permalink**) 24/08/2009, 10:10

a mi me funciona el cod de Adler en Firefox3.5

Adler · #8 (**permalink**) 24/08/2009, 12:14

Hola

Sí, si ya se que está ahí, el problema es que no está en la página que linkastes

Suerte

Cita:

Iniciado por Vhan

a mi me funciona el cod de Adler en Firefox3.5

Funciona en FF, IE, Opera, Chrome