PURE: The Heart of an Angel created by Lightz of the IF Skin Zone


 

 [javascript] Imágenes aleatorias en tu web
Track this topic | Email this topic | Print this topic
lovespyke
Posted: Sep 22 2005, 01:11 PM


Advanced Member


Group: Admin
Posts: 63
Member No.: 3
Joined: 18-September 05
En este minitutorial explicaremos cómo poner en tu web imágenes aleatorias.

Por ejemplo, supongamos que tienes muchos afiliados, pero entre ellos 5 buttons que quieres resaltar poniéndolos en el menú lateral de tu web. 5 son muchos, así que pondrás 1 sólo, y quieres que salga aleatoriamente uno de los 5 banners.
Otro ejemplo:en tu web tienes una zona para la cabecera, pero tienes 4 archivos distintos como cabecera, que quieres que se vayan mostrando aleatoriamente.

1.- Para hacer esto, deberás copiar el siguiente código entre los <body> y </body> de tu web, justo en la zona donde quieres que salga la imagen aleatoria.

QUOTE

<script language="javascript">
<!--
function VecImagenes()
{
  n=0;
  this[n++]="01.jpg";
  this[n++]="02.jpg";
  this[n++]="03.jpg";
  this.N=n;
}

var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ];
document.write("<IMG SRC="+src+">");
//-->
</script>


2.- Ahora tenemos que editar el código para escoger las imágenes que queremos mostrar (la parte roja).
Supongamos que subimos en el directorio raiz de nuestra web (no dentro de ninguna carpeta, sino donde tenemos el propio index.htm) 3 imágenes con los nombres 01.jpg, 02.jpg, 03.jpg
Esos son los nombres que debemos poner en la zona indicada con el color rojo. Si fuera link1.jpg, link2.jpg y link3.jpg serían estos propios nombres los que tendríamos que poner.

3.- ¿Qué son más imagenes y no sólo 3? Pues muy sencillo, copias:
QUOTE
this[n++]="01.jpg"

las veces que sea necesario, y vuelves a cambiar la ruta de la imagen en rojo a la ruta de la imagen deseada.

Tutorial redactado para mileniumdesigns. Prohibido su uso en otras webs.
Top
« Next Oldest | Tutoriales | Next Newest »


Topic Options



Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.1026 seconds | Archive