带有javascript的随机图像

Question

在完全不知道 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. 有没有办法以这种方式编写此代码，这样我就不需要继续编写要显示多少张图片了？

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

Answer 1

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>