Random images

Necesito hacer que tres imágenes que tengo en el index funcionen como imágenes aleatorias, que se haga un random con ellas, es decir que al yo actualizar la página me cambie la imagen que tengo en el index, solo son tres imágenes y ellas deben cambiar aleatoriamente...
1

1 respuesta

Respuesta
1
Esto que te mando lo he probado y funciona bien. Además es mejor que el script que te mandé esta tarde, porque este además permite meter enlace distinto para cada una de las imágenes (caso de no querer enlaces puedes poner por ejemplo #)
El código de la página enetera es:
<HTML>
<TITLE>Image Aleatoria</TITLE>
<SCRIPT LANGUAJE="JAVASCRIPT">
var imagenes = new armarvector ("images/imagen1.gif", "images/imagen2.gif","images/imagen3.gif", "images/imagen4.gif", "images/imagen5.gif");
// Declaramos todas las imagenes
var enlaces = new armarvector ("http://www.enlaceimagen1.com", "http://www.enlaceimagen2.com","http://www.enlaceimagen3.com", "http://www.enlaceimagen4.com", "http://www.enlaceimagen5.com");
// Declaramos sus respectivos enlaces
function Imagen_Aleatoria() {
hoy= new Date();
maximo=5; //La cantidad de imagenes que poseemos.
segundos=hoy.getSeconds();
if (segundos==0) {segundos=1}
while (segundos>maximo) {segundos=segundos-maximo}
document.write ('<A HREF="'+enlaces[segundos]+'"><IMG SRC="'+imagenes[segundos]+'" border=0>');
}
function armarvector (v1, v2,v3,v4,v5) {
this[1]=v1;
this[2]=v2;
this[3]=v3;
this[4]=v4;
this[5]=v5;
}
</SCRIPT>
<BODY>
<SCRIPT>Imagen_Aleatoria()</SCRIPT><br><br>
<br><br><br>
</BODY>
</HTML>
suerte
www.gloobs.com
Muchas gracias gloobs... lo intente pero aun tengo problemas. lo hice asi , debo estar haciendolo mal....<script language="JavaScript" type="text/javascript">
<!--
// La función devuelve un número entre 0 y "nums - 1"
function getRandom(nums)
{
var ranNum= Math.round(Math.random()*nums);
return ranNum;
}
var numberOfImages = 5;
var randomNumber = getRandom(5);
// Creamos un Array con los nombres de las imagenes, introduce tantas como necesites pero recuerda actualizar también la variable numberOfImages
var image = new Array(5);
image[0]="jpg/bgrenduro.jpg";
image[1]="jpg/bgrblue.jpg";
image[2]="jpg/bgred.jpg";
image[3]="jpg/bgrenduro.jpg";
image[4]="jpg/bgrblue.jpg";
// Escribimos la etiqueta img con una imagen aleatoria
document.write("<img xsrc='jpg/bgred.jpg" + image[randomNumber] + "' />");
--></script>
La página es www.tongkomotos.com allí esta con otra programación pero en determinado momento no me hace bien el random como soluciono esto...
Ayudame por favor ... gracias..
Te mando un script para que puedas poner 5 imágenes aleatorias, si quieres menos lo cambias y ya está ;)
Espero que te sirva
Saludos
www.gloobs.com
<script language="JavaScript" type="text/javascript">
<!--
// La función devuelve un número entre 0 y "nums - 1"
function getRandom(nums)
{
var ranNum= Math.round(Math.random()*nums);
return ranNum;
}
// Nos dice cuantas imágenes tenemos
var numberOfImages = 5;
var randomNumber = getRandom(numberOfImages);
// Creamos un Array con los nombres de las imágenes, introduce tantas como necesites pero recuerda actualizar también la variable numberOfImages
var image = new Array(numberOfImages);
image[0]="imagen1.gif";
image[1]="imagen2.gif";
image[2]="imagen3.gif";
image[3]="imagen4.gif";
image[4]="imagen5.gif";
// Escribimos la etiqueta img con una imagen aleatoria
document.write("<img xsrc='" + image[randomNumber] + "' />");
--></script>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas