Acerca de...

DiseñoGeek es un blog personal en el cual escribo sobre temas relacionados con el diseño gráfico, un poco de programación y también ayudo a gente que este empezando con su blog o sitio web.

29/11/07

Mostrar imagenes aleatorias codigo HTML Javascript

Te interesa que cada vez que ingresen a tu sitio/web aparezca un a imagen aleatoria? Ok, lo unico que tienes que hacer es copiar el siguiente código javascript, y pegarlo en donde desees que aparezca la imagen.

Así, cada vez que entras ves una diferente (o no, si da la casualidad de que sale la misma, porque es aleatorio).

Si quieres ver un ejemplo de como es aleatoria la imagen:

<script language="javascript">

function VecImagenes()
{
n=0;
this[n++]="img/friends.jpg";
this[n++]="img/friends2.jpg";
this[n++]="img/yo.jpg";
this[n++]="img/conmigueldeicaza.jpg";
this[n++]="img/decumple.jpg";
this[n++]="img/grupito.jpg";
this[n++]="img/enhispalinux.jpg";
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<img src="+src+" align=right>");
</script>


Por ultimo lo que te queda hacer es remplazar las direcciones entre "" que se encuentran dentro del código, por las direcciones de las imágenes que quieres "randomizar".

 

Diseñado por Diseño Geek