如何使用chocolat jquery设置容器中的当前图像？

我正在使用这个jquery插件巧克力：

我差一点就能按我想要的方式工作了。我唯一无法设置的是，默认情况下，使灯箱具有容器中已打开的第一个图像

我的代码可以在这里找到：

巧克力（document.querySelectorAll（“#示例3.Chocolat image”）{
container:document.querySelector（“#container2”），
imageSize:'包含'，
循环：对，
allowZoom:false，
})

---

我想我必须对当前或默认图像的函数做些什么。但我似乎找不到正确的选择。谁能帮我看看吗。我认为它可能很容易修复。

实例化Chocolat后，您可以使用以下方式访问其api：

const { api } = Chocolat(document.querySelectorAll('#example3 .chocolat-image'), {
            container: document.querySelector('#container2'),
            imageSize: 'contain',
            firstImageIndex: 0,
            loop: true,
            allowZoom: false
        });   

然后只需调用

open（）

api方法即可打开第一个图像：

        // Opens the first image
        api.open();

---

谢谢你解决了这个问题@Mitchel很高兴我能够提供帮助并欢迎来到Stack Overflow。请将此答案或任何其他答案标记为已接受，如果它有助于您解决问题。

        // Opens the first image
        api.open();