
El código que tendríamos que insertar sería el siguiente:
<script language="JavaScript">
enlace = new Array()
enlace[0] = '<a href="http://www.biomanantial.com/algas-marinas-a-852.html"Target="_blank"><img src="http://www.kavewall.com/mariine/images/IMG0034.jpg" height="200" width="200"/></a>'
enlace[1] = '<a href="http://www.asturnatura.com/fauna/moluscos-caracoles-marinos/1.html" Target="_blank"><img src="http://www.kavewall.com/mariine/images/IMG0020.jpg" height="200" width="200" /></a>'
enlace[2] = '<a href="http://www.acuariomarino.com.ar/es/corales.html"target="_blank"><img src="http://www.kavewall.com/mariine/images/IMG0042.jpg" height="200" width="200"/></a>'
enlace[3] = '<a href="http://www.acuariomarino.com.ar/es/estrellas-de-mar.html" Target="_blank"><img src="http://www.kavewall.com/mariine/images/IMG0054.jpg" height="200" width="200"/></a>'
aleatorio = Math.random() * (enlace.length)
aleatorio = Math.floor(aleatorio)
document.write(enlace[aleatorio])
</script>
Donde pondremos tantos enlace[0] como deseemos siempre teniendo en cuenta que hay que numerarlos correlativamente desde el [0].
En Azul, donde queramos que nos redireccione la imagen.
En Verde, url de nuestra imagen.
En Morado, alto y ancho respectivamente, que deseemos para la imagen.
Si lo que deseamos, es que las imagenes se me generen por temática de forma automática, podremos hacerlo utilizando Lorempixum con el cual crearemos Imágenes aleatorias atomáticas.
0 comentarios: