我正在尝试创建一个非常简单的库,其中包含body标签和上一个/下一个按钮上的背景图像。为此,我创建了一个包含图像的数组,并调用实际索引。不幸的是,我不能调用第一个图像bg_01.Jpg开始,我的上一个/下一个按钮停在第三个图像?我还在这里制作了一把小提琴:如有任何帮助,我们将不胜感激。
var Images = ['bg_01, bg_02', 'bg_03', 'bg_04', 'bg_05', 'bg_06', 'bg_07', 'bg_08', 'bg_09', 'bg_10', 'bg_11', 'bg_12'];
var ImgLength = Images.length;
$("body").css("background-image", "url(../img/" + Images[0] + ".jpg)");
$('#panel .left').click(function () {
if (ImgLength > 0) {
ImgLength = ImgLength - 1;
} else {
ImgLength = 0;
}
$("body").css("background-image", "url(../img/" + Images[ImgLength] + ".jpg)");
return false;
});
$('#panel .right').click(function () {
if (ImgLength < Images.length - 1) {
ImgLength = ImgLength + 1;
} else {
ImgLength = 0;
}
$("body").css("background-image", "url(../img/" + Images[ImgLength] + ".jpg)");
return false;
});
您的数组有一个错误:
['bg_01, bg_02',...
您错过了关闭'bg_01'
和打开'bg_02'
字符串
所以数组的第一个元素是'bg_01, bg_02'