Crear imagenes rotativas

mafito · #1 (**permalink**) 18/08/2009, 00:51

Hola a todos, antes de nada, creo que este es el lugar donde debe ir, pero no estoy seguro, sino es así moverlo al foro que sea y perdonar las molestias.

Tengo una página web de peliculas online y quiero hacer algo como esto:

w w w. spatorrent . o r g (lo pongo separado por que no me deja poner ninguna url.)

Es decir, como en la "Cartelera" de esa web, que vaya rotando o poder pasarlo mediante unas flechitas. He estado buscando y solo he encontrado de una sola imagen y eran sliders. No tengo demasiada idea de esto, por eso quería saber si alguien tendría algun tutorial de como hacerlo, o una explicación o un codigo parecido.

Un saludo y gracias.

Adler · #2 (**permalink**) 18/08/2009, 04:22

Hola

A ver que te parece esto, no es exactamente lo que buscas

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>

Si no te convence, probablemente aquí encuentres lo que buscas

Suerte

mafito · #3 (**permalink**) 18/08/2009, 05:37

Gracias por contestar Adler, pero no, no es eso a lo que me refiero. Yo busco hacer que por ejemplo salgan 4 caratulas vale:

<-- [UNACARATULA] [UNACARATULA] [UNACARATULA] [UNACARATULA] -->

y al darle a esas flechitas se corran para el lado las caratulas y aparezcan otras 4 diferentes.

En el ejemplo de la página web que puse se ve perfecto a lo que me refiero. Un saludo

Adler · #4 (**permalink**) 18/08/2009, 06:37

Cita:

Iniciado por mafito

Gracias por contestar Adler, pero no, no es eso a lo que me refiero. Yo busco hacer que por ejemplo salgan 4 caratulas vale:

<-- [UNACARATULA] [UNACARATULA] [UNACARATULA] [UNACARATULA] -->

y al darle a esas flechitas se corran para el lado las caratulas y aparezcan otras 4 diferentes.

En el ejemplo de la página web que puse se ve perfecto a lo que me refiero. Un saludo

De ahí que te pasara esa liga

EDITO: Acabo de encontrar lo que buscas

Suerte

mafito · #5 (**permalink**) 18/08/2009, 06:47

Y estuve mirando un poco ahí, pero tampoco se como se llama lo que yo quiero para hacer una busqueda más profunda.

Adler · #6 (**permalink**) 18/08/2009, 07:37

Cita:

Iniciado por mafito

Y estuve mirando un poco ahí, pero tampoco se como se llama lo que yo quiero para hacer una busqueda más profunda.

pero veamos ¿y esta liga que te dejé en el anterior post?

mafito · #7 (**permalink**) 18/08/2009, 07:43

Eso es! Eso es lo que yo quería. Muchas gracias :P