Imágenes aleatorias con vinculo en Javascript

¡Hola a todos!, necesito colocar en una página unas imágenes aleatorias que tengan vinculo cada uno y además que las imágenes se cambien automaticamente cada 6 segundos.

La página en cuestion es la siguiente: http://www.miramichamba.com/inicio.html , observaran ahi que hay 15 imágenes pequeñas, esas son las que deben de ser aleatorias y cambiar cada 6 segundos aproximadamente, cada una debe tener vinculo diferente.

Estuve indagando en google y bueno encontre un código dond eya esta la parte de cargar imágenes aleatorias y vinculo por cada imágen, pero faltaria la parte de que automáticamente se cambie de imagen aleatoriamente cada 6 segundos, haber si pueden ayudarme en ello se los voy a agradecer bastante.

Aquí les dejo el código Javascript que tengo:

Código Javascript :

<script language="javascript">
<!--
var b1dis = "<a href=\"";
var bdis = "\"><img src=\"";
var edis = " width=\"137\" height=\"220\" alt=\"some text\" border=\"0\"></a>";
var rnumb = "";
var img = "";

rnumb += Math.floor(Math.random()*3);
img = rnumb;

if (img == "0") {
document.write(b1dis+ "page1.html" +bdis+ "banner/001.jpg\"" +edis);
}

if (img == "1") {
document.write(b1dis+ "page2.html" +bdis+ "banner/002.jpg\"" +edis);
}

if (img == "2") {
document.write(b1dis+ "page3.html" +bdis+ "banner/003.jpg\"" +edis);
}

// -->
</script>

De antemano gracias a los que porten una ayuda a este tema, saludos...

utiliza un setTimeout(tufuncion(), 6000) esta función recibe un numero que son mili segundos, algoritmicamente hablando lo que debes hacer es:

dentro del timeout ejecutar una función que tome la imagen y el link y lo coloquen y volver a llamar el setTimeout recursivamente

nos cuentas como te va!

Bueno en realidad no se mucho de Actionscript, solo aprendo observando códigos, me gustaria que me graficaras un poco más la idea que me estas planteando si no es mucha molestia.

De momento en la web le coloque un código que refresca la página cada 7 segundos, de esta forma el random de imágenes se vuelve a activar y pues muestra otras imágenes

Código HTML :

<meta http-equiv=refresh content=7>

El cliente con esto ya esta conforme, pero de igual forma me gustaria tambien hacerlo de la forma como tu lo estas ideando, si puedes plantearlo en código estaria bueno.

De cualquier forma, gracias por tu aporte, saludos...

Lo que dice jpcw es esto:

Código HTML :

<script type="text/javascript">
var b1dis = "<a href=\""; 
var bdis = "\"><img src=\""; 
var edis = " width=\"137\" height=\"220\" alt=\"some text\" border=\"0\"></a>"; 
var rnumb = ""; 
var img = ""; 

function ImagenesAleatorias() {
rnumb += Math.floor(Math.random()*3); 
img = rnumb; 
 
if (img == "0") { 
document.write(b1dis+ "page1.html" +bdis+ "banner/001.jpg\"" +edis); 
} 
 
if (img == "1") { 
document.write(b1dis+ "page2.html" +bdis+ "banner/002.jpg\"" +edis); 
} 
 
if (img == "2") { 
document.write(b1dis+ "page3.html" +bdis+ "banner/003.jpg\"" +edis); 
} 
setTimeout("ImagenesAleatorias()",6000);
}
ImagenesAleatorias();
</script>

claro que hay mucho que mejorar en ese código.

Aja muy bien DriverOp, claro funciona al igual que el Meta refresh, bueno el dilema ya esta solucionado, muchas gracias nuevamente también jpcw por el aporte,

Saludos cordiales...

JCésar escribió:

se parece pero NO es igual!

felicidades por encontrar la solución!

tengo una duda ..,, que sepone en "page1. html"?

y en banner/001.jpg? ahi se pone solamente imagenes con formato jpg?

saludos espero su respuesta gracias

<script type="text/javascript">
var b1dis = "<a href=\"";
var bdis = "\"><img src=\"";
var edis = " width=\"137\" height=\"220\" alt=\"some text\" border=\"0\"></a>";
var rnumb = "";
var img = "";

function ImagenesAleatorias() {
rnumb += Math.floor(Math.random()*3);
img = rnumb;

if (img == "0") {
document.write(b1dis+ "page1.html" +bdis+ "banner/001.jpg\"" +edis);
}

if (img == "1") {
document.write(b1dis+ "page2.html" +bdis+ "banner/002.jpg\"" +edis);
}

if (img == "2") {
document.write(b1dis+ "page3.html" +bdis+ "banner/003.jpg\"" +edis);
}
setTimeout("ImagenesAleatorias()",6000);
}
ImagenesAleatorias();
</script>

Ese "page1.html" es parte del link <a>, es decir, es a donde irá el visitante si hace clic en la imagen en cuestión. Hay un enlace diferente por cada imagen.
Las imágenes pueden ser de cualquier formato válido (o mejor dicho, reconocible por el navegador).