如何使用Javascript制作图像库

Question

我想用html和JavaScript构建一个完成这项工作的网页：

1. 我在一个文件夹中有一堆图像，里面有增量编号

   - 我想在像画廊这样的html页面中显示这些图像 - 写入脚本应自动加载文件夹

注意我只能使用服务器端语言，只允许使用Html Css和JavaScript

Answer 1

您可以使用以下步骤

使用Javascript添加目录的所有图像

1. 为图片添加数字并使用相同的附加信息ie. 1.jpg, 2.jpg ... n.jpg

2. 在您的html中创建<div id="gallery"></div>

3. 使用从img到1

的Javascript循环添加n(maximum file number)

实施例

let n = 10; // n
let gallery = document.getElementById('gallery');
for(let i = 1; i <= n ; i++) {
   gallery.innerHTML += '<img src="yourfolder/'+ i +'.jpg"/>';
}

然后所有图像都将显示在图库div中。根据需要使用css

希望有所帮助