简单的画廊下一个上一个按钮背景图像

Posted 2023-02-25

【中文标题】简单的画廊下一个上一个按钮背景图像

【英文标题】：simple gallery next prev button background images

【发布时间】：2015-02-19 14:05:02

【问题描述】：

我正在尝试创建一个非常简单的画廊，其中包含 body 标记和上一个/下一个按钮上的背景图像。 因此，我创建了一个包含图像并调用实际索引的数组。不幸的是，我不能调用第一张图片 bg_01.Jpg 开始，而我的上一个/下一个按钮停在第三张图片上？ 我还创建了一个小提琴here： 任何帮助将不胜感激。

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

【参考方案1】：

你的数组有错误：

['bg_01, bg_02',...

您错过了关闭 'bg_01' 并打开 'bg_02' 字符串

所以你的数组的第一个元素是'bg_01, bg_02'