javascript - 如何为 html 幻灯片创建一个升序的文本/数字序列

Question

如果有人能告诉我如何自动化 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”

<img src="1869.gif" width="640" height="480" />

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

Answer 1

$(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);
   }

});

将其添加到页面末尾(在标记中)或单独的 JS 文件中。将“正文”更改为您要添加图像的位置，这可能是您用于 jQuery.cycle 幻灯片的容器。

这将遍历 1 到 1869 之间的每个数字，并为每个数字添加一个图像到 body 标签。 “pad”函数在数字前添加零 - 如果您需要更多相关信息，我从 Adding extra zeros in front of a number using jQuery? 获得了代码