Hola tengo una pregunta algo compleja. Cómo sería un código que haga que se carguen random por ejemplo 2 imágenes a la vez en dos partes diferentes de la web.
Es decir que sean random, pero que cada vez que cargues la web salga un grupo de imágenes como 1,2,3,4 en distintas areas y luego que al recargar salgan 5,6,7,8. Es decir por ejemplo que el grupo uno tenga un nombre imágenes 1 y que el grupo dos tenga el nombre imágenes 2. Como las imágenes están en distintas areas creo que tendría que el sitio tener un código en cada area independiente que responda a un código que llame a cada imagen para que sea la que se vea.
Un ejemplo, pero lo que quiero es para varios grupos de imágenes.
<div id="box">
<a id="a"><img id="image" /></a>
</div>
<script type='text/javascript'>
var images =
[
imageUrlPair = { ImgSrc:"1.jpg", Href:"http://ejemplo 1" },
imageUrlPair = { ImgSrc:"2.jpg", Href:"http://ejemplo 2" },
imageUrlPair = { ImgSrc:"3.jpg", Href:"http://ejemplo 3" },
imageUrlPair = { ImgSrc:"4.jpg", Href:"http://ejemplo 4" },
]
function randImg() {
var size = images.length;
var x = Math.floor(size * Math.random());
var randomItem = images[x];
document.getElementById('image').src = randomItem.ImgSrc;
document.getElementById('a').href = randomItem.Href;
}
randImg();
</script>
Otro ejemplo
<SCRIPT LANGUAGE="javascript">
<!--
function makeArray(n) {
this.length = n;
for (var i=1; i<=n; i++) {
this[i] = "";
}
return this;
}
var i;
function imagealeatoire() {
i = Math.floor(3 * Math.random() + 1);
return image[i];
}
image = new makeArray(3);
image[1]="image_1.jpg";
image[2]="image_2.jpg";
image[3]="image_3.jpg";
// -->
</SCRIPT>
<SCRIPT language="javascript">document.write("<IMG SRC=" +imagealeatoire() +" WIDTH=200 HEIGHT=200 BORDER=0>");</SCRIPT>
Grupo de imágenes random 1
Grupo de imágenes random 2