Funciones con imagenes JS

[Alexis88]

Podrías tener un array con las posiciones predeterminadas, luego, tomas al conjunto de imágenes que posean la clase que les asignaste y, en cada iteración, le asignas la posición respectiva a cada imagen.

Por ejemplo, si tuviéramos tres imágenes:

Código Javascript:

var posiciones = [{top: "50px", left: "25px"}, {top: "138px", left: "243px"}, {top: "170px", left: "184px"}],
    imagenes = document.querySelectorAll(".la clase"),
    total = imagenes.length;
 
for (var i = 0; i < total; i++){
    imagenes[i].style.marginTop = posiciones[i].top;
    imagenes[i].style.marginLeft = posiciones[i].left;
}
 

Y si quisieras que las posiciones fueran aleatorias, ya no usarías el array con las posiciones sino los métodos Math.random() y Math.floor().

Código Javascript:

for (var i = 0; i < total; i++){
    imagenes[i].style.marginTop = Math.floor(Math.random() * total) + "px";
    imagenes[i].style.marginLeft = Math.floor(Math.random() * total) + "px";
}
 

Para este último ejemplo, debes de tomar en cuenta que si el total de imágenes es un número bajo, las imágenes no se alejarán mucho de la posición por defecto.

Saludos