用javascript随机图像

时间:2016-01-27 10:59:07

标签: javascript image random repeat

根本不知道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”,“冷静-1”。怎么解决这个问题?或者从图像中删除0会更好吗?
  2. 有没有办法以这种方式制作这段代码,所以我不需要继续写出要显示的图片数量?
  3. 我希望这段代码尽可能短,这就是为什么我不使用数组。

1 个答案:

答案 0 :(得分:0)

  1. 我想说从文件名中删除0将是最简单的解决方案。取决于您是否需要它。

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

  3. 如果你想在文件名中保留前导零,你可以这样:

    <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>