Tengo un código que muestra aleatoriamente una URL a una imagen. Quiero agregar la URL que se muestra aleatoriamente a la parte donde se crea la imagen.
¿Cómo puedo extraer la URL de JavaScript y usarla en html? Test.jpg debe reemplazarse con la URL generada aleatoriamente.
var myimages = [{ image: "https://cdn.prod.www.manager-magazin.de/images/ca3dd5d1-0001-0004-0000-000000088705_w920_r1.778_fpx42.51_fpy49.99.jpg", probability: 0.1 }, { image: "https://p6.focus.de/img/fotos/id_40323993/porsche-cayman-heck.jpg?im=Crop%3D%280%2C20%2C1600%2C800%29%3BResize%3D%28800%2C400%29&impolicy=perceptual&quality=medium&hash=69314e722c29162f49edafd9b16362ceb1a704219e2a128272824e5d8d585019", probability: 0.1 }, { image: "https://i.auto-bild.de/ir_img/1/7/6/3/5/7/9/Alle-Auto-Neuheiten-2019-1200x800-bbcf8a2e46bd3f1f.jpg", probability: 0.25 }, { image: "https://cache.pressmailing.net/thumbnail/story_hires/64940fdd-8ec9-4854-98f9-e7f7467414b7/image.jpg", probability: 0.55 }]; function getImage() { var rand = Math.random(); var probabilitiy_sum = 0; for (var i = 0; i < myimages.length; i++) { probabilitiy_sum += myimages[i].probability; if (rand <= probabilitiy_sum) { return myimages[i].image; } } return myimages[myimages.length].image; } // Just for testing: for (var i = 0; i < 1; i++) { document.getElementById("textbox").innerHTML += getImage() + "<br />"; } <h2>HTML Image</h2> <img src="test.jpg" width="460" height="345"> <div id="textbox"></div>Establezca el src de una etiqueta de imagen, similar a cómo está configurando actualmente el HTML interno de un div:
var myimages = [{ image: "https://cdn.prod.www.manager-magazin.de/images/ca3dd5d1-0001-0004-0000-000000088705_w920_r1.778_fpx42.51_fpy49.99.jpg", probability: 0.1 }, { image: "https://p6.focus.de/img/fotos/id_40323993/porsche-cayman-heck.jpg?im=Crop%3D%280%2C20%2C1600%2C800%29%3BResize%3D%28800%2C400%29&impolicy=perceptual&quality=medium&hash=69314e722c29162f49edafd9b16362ceb1a704219e2a128272824e5d8d585019", probability: 0.1 }, { image: "https://i.auto-bild.de/ir_img/1/7/6/3/5/7/9/Alle-Auto-Neuheiten-2019-1200x800-bbcf8a2e46bd3f1f.jpg", probability: 0.25 }, { image: "https://cache.pressmailing.net/thumbnail/story_hires/64940fdd-8ec9-4854-98f9-e7f7467414b7/image.jpg", probability: 0.55 }]; function getImage() { var rand = Math.random(); var probabilitiy_sum = 0; for (var i = 0; i < myimages.length; i++) { probabilitiy_sum += myimages[i].probability; if (rand <= probabilitiy_sum) { return myimages[i].image; } } return myimages[myimages.length].image; } // Just for testing: for (var i = 0; i < 1; i++) { document.getElementById("textbox").innerHTML += getImage() + "<br />"; document.getElementById("image").src = getImage() // <-- here } <img id="image" src="test.jpg" width="460" height="345"> <div id="textbox"></div>