使用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);

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
});