如何循环图像

Question

我想循环我的图像文件夹并在屏幕上显示它们。 就像我有这个

<section id="photos">
        <a target="_blank" href="images/1.jpg">
            <img src="images/1.jpg">
        </a>
</section>

我的所有图片都带有数字，所以我的问题是如何通过所有图片循环代码，例如：1,2,3,4,5等，而不是输入n次。

Answer 1

客户端Javascript无法访问服务器上的硬盘，因此如果没有服务器端编程语言，您实际上无法遍历图像。

您可以做的是假设服务器有一定数量的图像，并请求它们。

var section = document.getElementById('photos');
var elements = '';

for (var i = 1; i <= 5; i++) { // Loops through images 1 - 5
  var imgSrc = 'images/' + i + '.jpg';
  var element = '<a target="_blank" href="' + imgSrc + '"><img src="' + imgSrc + '"></a>';
  elements += element;
}

section.innerHTML = elements;