通过Javascript函数将一系列图像添加到360度滑块

Question

我一直在尝试创建360度图像滑块。我已经从网上收集了代码，添加了自己的风格，并成功创建了一个滑块，该滑块可解析单个图像以创建360效果。但是，我不希望通过单个图像进行解析，而是希望滑块将多个图像按顺序拼接在一起，即1.jpg，2.jpg，3.jpg等。这是当前解析通过其创建360滑块的单个JPEG的示例：

以及带有解析图像的代码：

var threesixty = new ThreeSixty(document.getElementById('threesixty'), {
 image: 'https://cdn1.imggmi.com/uploads/2019/6/10/3daa049d63a4be4040602843b4960306-full.jpg',
 width: 320,
 height: 320,
 count: 31,
 perRow: 4,
 speed: 100,
 inverted: true,
 prev: document.getElementById('prev'),
 next: document.getElementById('next')
});

threesixty.play();

我试图用这样的代码来操纵代码，但无济于事：

var imageName = "/Desktop/SpinCar%20V3/img/" + (loadedImages + 1) + ".jpg";

var threesixty = new ThreeSixty(document.getElementById('threesixty'), {
  image: imageName,
  width: 320,
  height: 320,
  count: 9,
  speed: 100,
  prev: document.getElementById('prev'),
  next: document.getElementById('next')
 });

threesixty.play();

这里也是codepen.io

的链接

请注意，代码笔也正在从另一个小js文件中提取。可以看到here

任何帮助将不胜感激！谢谢！