在div中沿x轴随机生成图像(CSS/Javascript/JQuery)

<div id="imageDiv"></div>

#imageDiv {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
}

var images = ["image1.jpg", "image2.jpg", "image3.jpg"]; // 图像资源的文件名列表
var randomIndex = Math.floor(Math.random() * images.length); // 生成随机数
var imageUrl = "path/to/images/" + images[randomIndex]; // 图像资源的路径
document.getElementById("imageDiv").style.backgroundImage = "url(" + imageUrl + ")"; // 设置div的背景图片

<div id="imageDiv"></div>

var images = ["image1.jpg", "image2.jpg", "image3.jpg"]; // 图像资源的文件名列表
var randomIndex = Math.floor(Math.random() * images.length); // 生成随机数
var imageUrl = "path/to/images/" + images[randomIndex]; // 图像资源的路径
var imgElement = document.createElement("img"); // 创建img元素
imgElement.src = imageUrl; // 设置img元素的src属性
document.getElementById("imageDiv").appendChild(imgElement); // 将img元素添加到div中

var images = ["image1.jpg", "image2.jpg", "image3.jpg"]; // 图像资源的文件名列表
var randomIndex = Math.floor(Math.random() * images.length); // 生成随机数
var imageUrl = "path/to/images/" + images[randomIndex]; // 图像资源的路径
var imgElement = $("<img>").attr("src", imageUrl); // 创建img元素并设置src属性
$("#imageDiv").append(imgElement); // 将img元素添加到div中