Javascript 如何在CustomBox中添加自定义加载图像？

我正在为模式对话框使用CustomBox插件（）。当我点击按钮打开对话框时，它会加载库代码中的图像（或图标）。它只有属性

loader

，但没有自定义图像图标属性

var modal = new Custombox.modal({
    content: {
        target: '#open',
        effect: 'fadein',
    },
    loader: {
        active: true,
        color: '#fff',
        speed: 1000,
    }
});
modal.open();

---

问题是加载动画的持续时间少于一秒钟，因此我无法使用dev工具捕获此容器以获取图像/图标源。

您可以通过验证加载程序css样式来实现这一点 设置自定义背景+删除边框（设置为0）也会删除css动画

PS：速度加载器似乎无法正常工作，因为无论是否更改值，图像仅显示一点

请参阅下面的代码片段：

var modal=new Custombox.modal({
内容：{
目标：“#打开”，
},
加载器：{
主动：对，
背景：“#4d0”，
速度：10000
}
});
setTimeout（函数（）{
modal.open（）；
}，1000）

.custombox加载器{
背景：url（'https://gifimage.net/wp-content/uploads/2017/07/gif-uploader-10.gif")不重复;；
背景大小：100%；
边框宽度：0px！重要；
动画名称：无！重要；
}

---

您可以通过验证加载程序css样式来实现这一点 设置自定义背景+删除边框（设置为0）也会删除css动画

PS：速度加载器似乎无法正常工作，因为无论是否更改值，图像仅显示一点

请参阅下面的代码片段：

var modal=new Custombox.modal({
内容：{
目标：“#打开”，
},
加载器：{
主动：对，
背景：“#4d0”，
速度：10000
}
});
setTimeout（函数（）{
modal.open（）；
}，1000）

.custombox加载器{
背景：url（'https://gifimage.net/wp-content/uploads/2017/07/gif-uploader-10.gif")不重复;；
背景大小：100%；
边框宽度：0px！重要；
动画名称：无！重要；
}

这是一个div，您想按哪个图像更改它？简单css/svg/gif动画这是一个div，您想按哪个图像更改它？简单css/svg/gif动画