Question

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

我的问题是我将图像放在具有URL 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

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

n_segments = 100

从javascript中的单独文件夹中拍摄图像

2 个答案: