javascript - 我如何将其从两个硬编码图像更改为图像数组。

Question

我不久前复制了这支 Pen，并将其列在我的 list 上，现在终于来了。然而，我的知识有点生疏，我现在有点卡住了，试图将它从两个硬编码图像更改为动态图像数组。

这是 Pen

我尝试添加

var slide3 = new Slide(width, height, 'middle');
    var l3 = new THREE.ImageLoader();
    l3.setCrossOrigin('Anonymous');
    l3.load('/assets/ScreenSaver/space3.jpg', function(img) {
        slide3.setImage(img);
    })
        
    root.scene.add(slide3);

但这不会削减它，看来我需要添加另一个控制变量。

如有任何提示或建议，我们将不胜感激。

Answer 1

结束使用这个，有人在 react 中实现了这个，幸运的是我也有同样的目标。

Solution

loadNextImages (images, index) {
let first = index
let second
const tmp = (first + 1) % (images.length)
if (index % 2 === 0) {
  second = tmp
} else {
  second = first
  first = tmp
}
this.slide0.setImage(images[first])
this.slide1.setImage(images[second])
return tmp