Javascript 如何为html幻灯片创建文本/数字的升序序列

如果有人能告诉我如何为html幻灯片自动生成列表/序列/数组，我将不胜感激。我想显示“001.gif”到“1869.gif”，显然，如果有一种方法可以自动生成此文件，这将节省大量时间：

<img src="001.gif" width="640" height="480" />
<img src="002.gif" width="640" height="480" />
<img src="003.gif" width="640" height="480" />

一直到“1869.gif”

注意：我有一个我喜欢的幻灯片脚本。工作完美。我访问了“050.gif”，并决定询问是否有一种方法可以做到这一点，而无需逐一键入它们。谢谢。

$（文档）。准备就绪（函数（）{
$(document).ready(function(){

   function pad (str, max) {
     str = str.toString();
     return str.length < max ? pad("0" + str, max) : str;
   }

   for(i=1;i < 1870;i++){
     var $image = "<img src='"+pad(i, 3)+".gif' width='640' height='480'/>";
     $("body").append($image);
   }

});

功能板（str，最大值）{
str=str.toString（）；
返回str.length

将其添加到页面末尾（标签中）或单独的JS文件中。将“body”更改为要添加图像的位置，该位置很可能是jQuery.cycle幻灯片的容器

---

这将循环遍历1和1869之间的每个数字，并为每个数字的body标记添加一个图像。“pad”函数在数字前加上零-如果您需要更多信息，我从

获得代码，因为您不需要等待任何其他内容加载，您可以立即创建内容

首先使用pad方法扩展数字：

Number.prototype.pad = function(size) {
      var s = String(this);
      if(typeof(size) !== "number"){size = 2;}

      while (s.length < size) {s = "0" + s;}
      return s;
    }

Number.prototype.pad=功能（大小）{
var s=字符串（this）；
如果（typeof（size）！=“number”）{size=2；}
而（s.length

然后在将输出添加到页面之前将其缓存，否则将导致为添加的每个元素重新绘制

var suffix = ".gif";
var container = document.createElement("div");
for(i=1;i < 1870;i++){
    var img = document.createElement("img");
    img.width = 640;
    img.height = 480;
    img.src = i.pad(3) + suffix;
    container.appendChild(img);
}
document.body.appendChild(container);

var后缀=“.gif”；
var container=document.createElement（“div”）；
对于（i=1；i<1870；i++）{
var img=document.createElement（“img”）；
img.width=640；
img.height=480；
img.src=i.pad（3）+后缀；
子容器（img）；
}
文件.正文.附件（容器）；

如果没有

JavaScript

，这是不可能的。你要用它吗？是的。使用jquery.cycle.a解释，而不是简单的代码，通常是值得赞赏的。我认为重要的是要注意，在$（document.ready）加载1869.gif这样的代码可能会使页面加载非常缓慢。一种更有效的处理方法可能是在转换之前加载每个图像。在不更改和/或添加javascript的情况下，文本编辑器或excel或其他东西中是否有一个函数允许我生成所需的行？等。单击“运行”。根据需要更改回路编号。这只是打印出图像的HTML代码的文本表示。你能“接受”它吗？谢谢：）编码快乐。

var suffix = ".gif";
var container = document.createElement("div");
for(i=1;i < 1870;i++){
    var img = document.createElement("img");
    img.width = 640;
    img.height = 480;
    img.src = i.pad(3) + suffix;
    container.appendChild(img);
}
document.body.appendChild(container);