javascript 的随机图像

Random image with javascript

在完全不知道 javascript 的情况下，我以某种方式创建了随机图像生成器：

<script language="JavaScript"><!-- 
document.write("<img src=\"image-"+Math.floor(Math.random()*12+1)+".jpg\" />");
//--></script>

我确实显示了随机图片，但有一些限制，所以我需要你的帮助。

  1. 有时我的某些页面有超过 9 张图像，它们的名称是 "mad-01"、"mad-02"..."mad-11" 以保持它们的排序，但上面的代码无法显示图像在第二个数字之前有 0。我在第二个数字之前命名了带有和不带 0 的图像："mad-01"、"calm-1"。如何解决？还是只从图像中删除 0 更好？
  2. 有没有办法以这种方式编写此代码，这样我就不需要继续编写要显示多少张图片？

我希望此代码尽可能短，这就是我不使用数组的原因。

  1. 我认为从文件名中删除 0 是最简单的解决方案。就看你需不需要了

  2. 不明白你的意思。 JavaScript 无法自行检测文件系统中有多少图像。如果您使用某种服务器端语言，它可能具有计算文件的功能，然后您可以将该值打印到 JavaScript 代码中。

如果你想在文件名中保留前导零，你可以这样：

<script language="JavaScript"><!-- 
var number = Math.floor(Math.random()*12+1);
if(number < 10) number = "0" + number;
document.write("<img src=\"image-"+number+".jpg\" />");
//--></script>