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