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

Question

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

我的图像位于 Project/images 文件夹中，而我的 index.html 位于 Projects 文件夹中。如何在 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);

标签： javascriptimagepath

Answer 1

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

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

（从'main.js'访问）你会做

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