Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head > <title> 4 Imagenes aleatorias... o más</title> <script language="JavaScript"> var imagenumber = 4; var randomnumber = Math.random(); var rand1 = Math.round( (imagenumber-1) * randomnumber); images = new Array; images[0] = "docs/1.jpg"; images[1] = "docs/2.jpg"; images[2] = "docs/3.jpg"; images[3] = "docs/4.jpg"; links = new Array; links[0] = "http://site1.com"; links[1] = "http://site2.com"; links[2] = "http://site3.com"; links[3] = "http://site4.com"; var image = images[rand1]; var link = links[rand1]; </script> </head> <body> <script>document.write('<a href="'+link+'"><img src="'+ image +'" style="border: 0px;"></a>')</script> </body> </html>
Funciona perfecto cuando sólo quiero mostrar un enlace aleatorio, pero supongamos que quiero hacer una tabla con estos enlaces dinámicos, pues existe la posibilidad de que en algunas celdas la imágen se repita. Me pregunto si existirá alguna manera de hacer una imágen única por celda, pero que al actualizar cambie el contenido sin repetirse en las demás. Puede ser php.