javascript - 如何在bootstrap中同步文本和照片？

Question

我有一个 Bootstrap 网站，其中幻灯片中有 3 张照片。执行此操作的函数是:

$(function () {
    $.vegas('slideshow', {
        backgrounds: [{
            src: 'img/ph1.jpg', fade: 0, delay: 5000, //fade: 1000, delay: 9000,
        }, {
            src: 'img/ph2.jpg', fade: 0, delay: 5000,
        }, {
            src: 'img/ph3.jpg', fade: 0, delay: 5000,
        },]
    })('overlay', {});
});

我想要做的是为每张照片关联文本。例如:ph1.jpg 具有“text1”，ph2.jpg 具有“text2”，依此类推。

我尝试在 HTML 中添加轮播，但文本和照片不同步(即使它们具有相同的延迟)。我也尝试修改this JS以便能够在上面的函数中添加一些文本。

我该怎么做才能让他们同步照片和文本？

Answer 1

最好将图像放入 css 文件中，然后从那里为彼此添加文本。