從javascript中的單獨文件夾中拍攝圖像

Question

我有一個包含三個jpg的圖像數組 。 我正在從images數組設置class pic的背景圖像。

我的問題是我將圖像放在具有URL images/ images文件夾中。 我想添加images/到行

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

這個怎么做？

var images = ['bus.jpg','car.jpg','scooter.jpg' ];
var index = 0;

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

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

<div class="pic" id="content" >

Answer 1

您可以簡單地連接文件夾路徑。

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] + ')';
}

Answer 2

如果您對路徑非常確定，則可以按以下方式使用它。

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