Jquery 在1个div标记中加载1个随机图像（可能10个图像）

我不是一个真正的程序员，需要一些帮助。 我需要一个脚本，插入一个div标记，当页面从外部js文件加载时，在该div标记内有一个随机图像加载（从10个列表）

我找了又找，试了又试，但真的需要帮助

---

谢谢

下面的解决方案使用jQuery，但是不使用jQuery也可以通过简单的方式实现

$（文档）.ready（函数（）{
函数randomInt（最小值、最大值）{
返回Math.floor（Math.random（）*（max-min+1））+min；
}
var imageURL=[
"https://www.gstatic.com/webp/gallery3/1.sm.png",
"https://www.gstatic.com/webp/gallery3/2.sm.png",
"https://www.gstatic.com/webp/gallery3/3.sm.png"
];
var randomImage=imageUrls[randomInt（0，imageUrls.length-1）]；
$（“.container”）。追加（“”）；
});
只是想加入一个简单的JS答案

<style>
    #show-picture {
        display: block; 
        margin: 20px; 
        height: 400px; 
        width: 400px; 
        box-shadow: 0 0 12px rgba(0,0,0,0.25);
        background-size: cover; 
        background-position: center; 
    }
</style>

<div id="show-picture"></div>

<script>
    const images = [
        'https://picsum.photos/400/400?image=600',
        'https://picsum.photos/400/400?image=601',
        'https://picsum.photos/400/400?image=602',
        'https://picsum.photos/400/400?image=603',
        'https://picsum.photos/400/400?image=604',
        'https://picsum.photos/400/400?image=605',
        'https://picsum.photos/400/400?image=606',
        'https://picsum.photos/400/400?image=607',
        'https://picsum.photos/400/400?image=608',
        'https://picsum.photos/400/400?image=609',
    ]

    // get random image
    const random_number = Math.floor(Math.random() * images.length); 
    const image = images[random_number]; 

    // get div and set background-image CSS to be our random image
    const show_picture = document.getElementById('show-picture');
    show_picture.style.backgroundImage = `url(${image})`; 
</script>


#展示图片{
显示：块；
利润率：20px；
高度：400px；
宽度：400px；
盒影：0.12像素rgba（0,0,0,0.25）；
背景尺寸：封面；
背景位置：中心；
}
常量图像=[
'https://picsum.photos/400/400?image=600',
'https://picsum.photos/400/400?image=601',
'https://picsum.photos/400/400?image=602',
'https://picsum.photos/400/400?image=603',
'https://picsum.photos/400/400?image=604',
'https://picsum.photos/400/400?image=605',
'https://picsum.photos/400/400?image=606',
'https://picsum.photos/400/400?image=607',
'https://picsum.photos/400/400?image=608',
'https://picsum.photos/400/400?image=609',
]
//获取随机图像
const random_number=Math.floor（Math.random（）*images.length）；
常量图像=图像[随机数]；
//获取div并将背景图像CSS设置为我们的随机图像
const show_picture=document.getElementById（'show-picture'）；
show_picture.style.backgroundImage=`url（${image}）`；
您需要在此处发布代码，或者使用
javascript insert random image进行更好的搜索
，因此我将$（文档）部分放在te doc头部的脚本标记中？第二部分进入身体？我不明白你的问题。我更新了我的答案，向您展示了在简单HTML页面中包含代码的非常简单的方法。也许你应该发布你的HTML代码，看看你还有什么疑问？@AntoineScotto第一部分是javascript。它需要位于
标记之间，或者位于页面引用的外部JS文件中。第二部分是HTML，它位于
标记之间。阅读更新后的答案。它将所有线段都放在正确的位置。代码片段就是，一个代码片段，Stackoverflows知道把它们放在哪里。谢谢！我试试看