actualmente practicando con API y trabajando en un proyecto para hacer una maqueta del sitio web de Pexels. Tengo un problema con la creación de imágenes, pero no estoy muy seguro de por qué no se cargan.

 let response = JSON.parse(request.responseText); let photoURL = response.photos.map(function (photo) { return photo.url; }); console.log(photoURL); const imagesContainer = document.querySelector('.images-container'); imagesContainer.innerHTML = ``; photoURL.forEach(photo => { const imageDiv = document.createElement('div'); imageDiv.classList.add('image-div'); imageDiv.innerHTML = ` <img class="created-image" src=${photo}> `; imagesContainer.appendChild(imageDiv); });

photoURL es una matriz de todas las URL de imágenes, simplemente intenta ejecutar un forEach en él para adjuntar el src y agregarlo a imagesContainer. Parece que todo funciona o se agrega según lo planeado, pero las imágenes no se cargan. Si miro en la consola de desarrollo de Chrome, las imágenes incluso tendrán el atributo src con enlaces que, si copio y pego, funcionan en el navegador.