Javascript 如何为网站制作随机图像生成器

Javascript 如何为网站制作随机图像生成器,javascript,html,Javascript,Html,所以我的目标是为网站提供一个随机图像生成器。因此,人们只需点击按钮,它就会从图像“银行”中加载一张图像。当我说“银行”时,我的意思是像文件所在的位置一样,有多少图像选择会有关系吗? 有javascript或html代码吗 -谢谢 来自我的 此免费脚本由 一种简单的方法如下: 用相同的名称命名所有图片,但扩展名不同:img\u 1、img\u 2、img\u 3…等等 定义一个随机创建img(src)名称的函数。例如,如果您有10个图像: HTML代码: <img id="imageid

所以我的目标是为网站提供一个随机图像生成器。因此,人们只需点击按钮,它就会从图像“银行”中加载一张图像。当我说“银行”时,我的意思是像文件所在的位置一样,有多少图像选择会有关系吗? 有javascript或html代码吗

-谢谢

来自我的


此免费脚本由


一种简单的方法如下:

用相同的名称命名所有图片,但扩展名不同:
img\u 1、img\u 2、img\u 3
…等等

定义一个随机创建img(src)名称的函数。例如,如果您有10个图像:

HTML代码:

<img id="imageid" src="">
希望有帮助

编辑:如果您有.jpg或.png图像,请确保将其包含在函数中,否则它将无法工作。例如,对于JPG图像:

function randomImg(){
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "img_" + randomNumber + ".jpg";
    document.getElementById("greenbox").src= "YOUR_IMG_PATH" + "/" + imgName ;
 }

您尝试过我们的解决方案吗???对不起,使用atm,但是威尔!非常感谢。嗯。。。你为什么要这样做?我觉得只做
var myimages=[“image1.gif”、“image2.gif”、“image3.gif”、“image4.gif”、“image5.gif”、“image6.gif”]会简洁得多
function randomImg(){
var randomNumber = Math.floor(Math.random() * 10) + 1;
var imgName = "img_" + randomNumber;
document.getElementById("imageid").src= YOUR_IMG_PATH + "/" + imgName ;
}
function randomImg(){
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "img_" + randomNumber + ".jpg";
    document.getElementById("greenbox").src= "YOUR_IMG_PATH" + "/" + imgName ;
 }