Quiero clonar una imagen y cambiar la posición de la copia clonada. Estoy clonando con el siguiente script que sigue una imagen definida en el documento:
window.onload = function () { var div = document.getElementById('autumn1'); var img = new Image(); img.src = 'autumn-leaves-hd-png--3101.png'; div.appendChild(img); img.height = window.innerHeight / 6; img.width = window.innerWidth / 6; function cloneImg() { div.appendChild(img.cloneNode(true)); } for (let index = 0; index < 4; index++) { cloneImg(); img.forEach(img.X = Math.random()); } }¿Cómo puedo introducir el cambio de posición de la imagen clonada en el script anterior?
Puede devolver el elemento de imagen en la función.
Por favor, vea el fragmento a continuación:
window.onload = function () { var div = document.getElementById('autumn1'); var img = new Image(); img.src = 'https://www.gravatar.com/avatar/bef07ce752c0e44449f4ec791d752871?s=48&d=identicon&r=PG&f=1'; div.appendChild(img); img.height = window.innerHeight / 6; img.width = window.innerWidth / 6; function cloneImg() { return div.appendChild(img.cloneNode(true)); } for (let index = 0; index < 4; index++) { let clone = cloneImg(); let random = Math.random()*75; clone.style.position = 'absolute' clone.style.left = random + "%"; } } <div id="autumn1"></div>