从javascript中的单独文件夹中获取图像

我有一个图像数组有三个jpg。我正在设置来自图像数组的类pic的背景图像

我的问题是，我已将图像放入图像文件夹中，其中包含URL

图像

。我想将

图像/

添加到行中

document.getElementById('content').style.backgroundImage = 'url('+images[index]+')';

如何做到这一点

var-images=['bus.jpg'、'car.jpg'、'scooter.jpg']；
var指数=0；
函数buildImage（）{
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+'）；
}
函数changeImage（）{
索引++；
如果（index>=images.length）index=0；
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+'）；
}

---

您可以简单地连接文件夹路径

var images = ['bus.jpg','car.jpg','scooter.jpg' ];
var index = 0;
var FolderPath="Images/";

function buildImage() {
    document.getElementById('content').style.backgroundImage = 'url('+FolderPath+images[index]+')';
}

function changeImage() {
index++;
if (index >= images.length) index = 0;
    document.getElementById('content').style.backgroundImage = 'url('+FolderPath+ images[index] + ')';
}

---

您只需输入文件夹路径即可

var images = ['bus.jpg','car.jpg','scooter.jpg' ];
var index = 0;
var FolderPath="Images/";

function buildImage() {
    document.getElementById('content').style.backgroundImage = 'url('+FolderPath+images[index]+')';
}

function changeImage() {
index++;
if (index >= images.length) index = 0;
    document.getElementById('content').style.backgroundImage = 'url('+FolderPath+ images[index] + ')';
}

---

如果您对路径非常确定，可以按如下方式使用它

document.getElementById('content').style.backgroundImage = 'url('+ FolderPath + images[index] + ')';

---

如果您对路径非常确定，可以按如下方式使用它

document.getElementById('content').style.backgroundImage = 'url('+ FolderPath + images[index] + ')';

---

图像目录的完整路径是什么？像

http://example.com/images/bus.jpg
？
document.getElementById（'content'）.style.backgroundImage='url（images/'+images[index]+'）@craig van tonderyes@matejko219这就解决了问题，感谢您，所以组合两个字符串最简单的方法就是将它们串联起来，它的工作原理类似于
alert（'one string'+'otherstring'）
outputs
one stringotherstring
图像目录的完整路径是什么？像
http://example.com/images/bus.jpg
？
document.getElementById（'content'）.style.backgroundImage='url（images/'+images[index]+'）@craig van tonderyes@matejko219这就解决了问题，感谢您，因此组合两个字符串的最简单方法是将它们连接起来，它的工作原理类似于
alert（'one string'+'otherstring'）
outputs
one stringotherstring
还可以使用字符串模板语法，如：
`url（${FolderPath}${images[index]}）`
我不知道，感谢@CraigvanTonder分享知识，这会很有帮助：）需要注意的是，它出现在ES2015中，因此不会与所有web浏览器兼容，请参见此处：可能还可以使用字符串模板语法，如：
`url（${FolderPath}${images[index]}）`
我不知道，感谢@CraigvanTonder分享知识，这将很有帮助：）值得注意的是，它来自ES2015，因此无法与所有web浏览器兼容，请参见此处：