En este grupo En todos

Foro de Javascript



Rotación de Imagenes sin repetir on refresh

Javier
Valencia, España
Escrito por Javier Castilla Reyes
el 01/07/2010

Buenas tardes, quisiera preguntarle acerca de un codigo que poseo para realizar rotaciones de imagenes que no se repitan cada vez que se actualice la página. Funciona muy bien pero el problema es que no se como posicionar las imagenes que genera en la web, o en caso de que las tenga posicionadas en la web en 4 divs separados, como tendria que ser el javascript, para que estas roten y no se repitan unos divs a otros.

Le envio el codigo actual

<html>

<head>

<title> Ejemplo de rotación aleatoria de imágenes </title>

<script type="text/javascript">

Function numeroEstaEnLista( numero, lista, nElementos ) {

Var i = 0 ;

For ( i = 0 ; i < nElementos ; ++i ) {

if ( numero == lista[i] )

{

return true ;

}

}

return false;

}

Function generarListaNumerosAleatorios ( N )

{

var numero ;

var i = 0 ;

var lista = new Array(N);

var esRepetido = false ;

For ( i = 0 ; i < N ; ++i ) {

numero = Math. Floor( Math. Random() * N ) ;

esRepetido = numeroEstaEnLista( numero, lista, i + 1 ) ;

while ( esRepetido ) {

numero = Math. Floor( Math. Random() * N ) ;

esRepetido = numeroEstaEnLista( numero, lista, i + 1 ) ;

}

lista[i] = numero ;

}

return lista ;

}


</script>

</head>

<body>

<div align="left"><script type="text/javascript" >

Document. Write("Ejemplo de rotación aleatoria de imà ¡Genes. ");

Document. Write("<br>");

Var N = 4 ;

Var miLista = generarListaNumerosAleatorios(N);

Var i = 0 ;

Var listaImagenes = new Array(N);

ListaImagenes[0] = "foto1. Jpg" ;

ListaImagenes[1] = "foto2. Jpg" ;

ListaImagenes[2] = "foto3. Jpg" ;

ListaImagenes[3] = "foto4. Jpg" ;

For ( i = 0 ; i < N ; ++ i ) {

document. Write("<img src="");

document. Write( listaImagenes[miLista[i]] );

document. Write("" />");

}

</script>

</div>

</script>

</div>



</body>

</html>


Perico Merlin
Castellón, España
Escrito por Perico Merlin
el 02/01/2011

!