Question

所以我的目标是为网站提供随机图像生成器。所以人们只需点击按钮，它就会从图像“银行”中加载1张图像。当我说银行我的意思是像所在的文件，并且有多少图像选择有关吗？这有什么javascript或html代码吗？

-Thanks。

Answer 1

一种简单的方法如下：

为所有具有相同名称但不同号码分机的图片命名：img_1, img_2, img_3 ...等等。

定义一个随机创建img（src）名称的函数。例如，如果您有10张图片：

HTML代码：

<img id="imageid" src="">

JS代码：

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

希望它有所帮助！

编辑：如果您有.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 ;
 }

Answer 2

来自我的first hit on Google ...

<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="image1.gif"
myimages[2]="image2.gif"
myimages[3]="image3.gif"
myimages[4]="image4.gif"
myimages[5]="image5.gif"
myimages[6]="image6.gif"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

<p align="center">This free script provided by<br />
<a href="http://javascriptkit.com">JavaScript
Kit</a></p>

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

2 个答案: