使用 javascript 为我的图像文件夹设置路径

Question

有人可以帮助我完成我的学校项目吗？我想使用 codepen.io 的动画幻灯片，它非常好看，但到目前为止我只使用 HTML 和 CSS，所以我对 JavaScript 了解不多。我想将图像文件夹中的图像放入幻灯片中。

我的图像位于项目/图像文件夹中，我的索引.html位于项目文件夹中。 如何在 JavaScript 中设置图像的路径？ 下面是幻灯片的 JavaScript 代码示例：

var slide = new Slide(width, height, 'out');
var l1 = new THREE.ImageLoader();
l1.setCrossOrigin('Anonymous');
l1.load('https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/winter.jpg', function(img) {
slide.setImage(img);
})
root.scene.add(slide);

Answer 1

如果这是您的项目层次结构

Project
--Images
--image1.jpg
--image2.jpg
--image3.jpg
--index.html
--style.css
--main.js

(从"主要.js"访问( 你会做的

l1.load("Images/image1.jpg", function(img) {
// Insert Code here
});