简单的Fotorama图像数组

Question

我正在尝试使用Javascript Fotorama图片库显示文件夹中的80张图像。

有没有办法通过使用数组来显示所有图像目录，而不是写入每个图像目录？需要显示从1到80的图像。

图像名称将保持不变，例如- image_1.jpeg, image_2.jpeg, etc

<script>
  $('.fotorama').fotorama({
    data: [
      {img: 'img/slides/image_1.jpeg'},
      {img: 'img/slides/image_2.jpeg'},
      {img: 'img/slides/image_3.jpeg'}
    ]
  });
</script>

Answer 1

一个简单的for循环就可以做到这一点。像这样创建你的数组：

​

var images = [];

for (var i = 1; i <= 80; i++) {
    images.push({img: 'img/slides/image_' + i + '.jpeg'});
}

console.log(images);

​

然后传递给fotorama

$('.fotorama').fotorama({
    data: images
});