用随机定位的图像块答案

【问题标题】：Block with images with random positioning用随机定位的图像块
【发布时间】：2021-04-08 16:44:40
【问题描述】：

谁能告诉我，如果我们有一组带有随机项目的图像，我怎么能用图像制作这样一个块

【问题讨论】：

【解决方案1】：

您可以为此目的使用以下 JS 脚本。

function getRandomImage()
{
    var randomImage = new Array();
    randomImage[0] = "https://wi.wallpapertip.com/wsimgs/15-155208_desktop-puppy-wallpaper-hd.jpg";
    randomImage[1] = "http://www.petsworld.in/blog/wp-content/uploads/2014/09/running-cute-puppies.jpg";
    randomImage[2] = "https://wi.wallpapertip.com/wsimgs/156-1564365_golden-retriever-puppy-desktop-wallpaper-desktop-wallpaper-puppy.jpg";
    randomImage[3] = "https://wi.wallpapertip.com/wsimgs/156-1564140_free-puppy-wallpapers-for-computer-wallpaper-cave-cute.jpg";
    randomImage[4] = "https://wi.wallpapertip.com/wsimgs/156-1565522_puppies-desktop-wallpaper-desktop-background-puppies.jpg";
    randomImage[5] = "https://wi.wallpapertip.com/wsimgs/156-1566650_cute-puppies-desktop-wallpaper-cute-puppies.jpg";
    for (let i=0; i< 5; i++)
    {
        var number = Math.floor(Math.random()*randomImage.length);
        if (i == 0)
        {
            document.getElementById("result").innerHTML = '<img style="border-radius: 50%; width: 20%" src="'+ randomImage[number] +'" style="width:150px" />';
        }
        else
        {
            document.getElementById("result").innerHTML += '<img style="border-radius: 50%; width: 20%" src="'+ randomImage[number] +'" style="width:150px" />';
        }       
    }
}

<button onclick = "getRandomImage()">Generate Image</button>
<br /><br />
<span id="result" align="center"></span>

【讨论】：