JavaScript中轮播图怎么实现

// 获取图片
var images = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    'image4.jpg',
    'image5.jpg'
];

// 当前正在显示的图片的索引
var i = 0;

// 控制轮播图的切换
function switchImage(direction, index) {
    if (direction === 'next') {
        index++;
    } else if (direction === 'prev') {
        index--;
    }

    // 判断当前正在显示的图片的索引是否超出了数组的范围
    if (index < 0) {
        index = images.length - 1;
    } else if (index > images.length - 1) {
        index = 0;
    }

    return index;
}

// 调用函数，设置轮播图的背景图片
i = switchImage('next', i);
document.getElementById('slider').style.backgroundImage = 'url(' + images[i] + ')';