javascript - 我在使用 javascript 播放拉斯维加斯幻灯片时遇到问题

Question

我已经安装了 vegas使用 npm 将 jquery 插件添加到我的项目中。现在，当我尝试按照文档使用它时，它似乎不起作用。我已在 html 中链接了 vegas.min.js 和 vegas.min.css 文件。

所以，我尝试更改图像、css、js 文件的路径。因为我认为这与图像的路径有关。

HTML:

<div class="container" id="slide">
    <p class="invisible"></p>
</div>

JS:

$(document).ready(function() {
    let imagecollection = [
        {src: './img/slide_0.jpg'},
        {src: './img/slide_1.jpg'},
        {src: './img/slide_2.jpg'},
    ];

    $("#slide").vegas({
        slides: imagecollection,
        transition: 'fade',
        preloadImage: true,
        timer: true,
        shuffle: true,
        delay: 5000,
        animation: 'kenburns',
        cover: true
    });
});

现在，我希望它每 5 秒显示一次图像并浏览图像，但这并没有发生。我在控制台中没有收到任何错误。

Answer 1

找到解决方案

我犯了一个菜鸟错误，在调用 jQuery 库之前链接了 JS 文件。链接 jQuery 后放置 js 文件解决了问题!