jquery - 猫头鹰轮播已显示后的无效延迟加载

Question

嘿伙计们，所以我有一个我真的无法解决的问题。我在产品详细信息页面 (pdp) 上使用 owl carousel 来显示产品的多个图像。因为我想开始一个 AB 测试来改变图像的显示和数量，所以我使用 CSS 代码来隐藏 owl carousel 的控制按钮并一次显示所有图片，并且不再使用滑块选项：

预览滑块

但是现在我的问题是第一个图像是预加载的，但是一旦我添加了所有新图像，由于延迟加载，所有的新图像都具有加载动画。

当我单击控制按钮时，它们已加载，所以我想为什么不通过单击 jQuery 来伪造它，但 owl carousel 似乎无法识别它

jQuery('.owl-next').trigger('click');

此代码适用于所有其他元素，但不适用于控制按钮。您是否知道如何手动激活所有图像的加载？

提前致谢 ：）

标签： jquerycssowl-carousel

Answer 1

从 API事件文档示例：

var owl = $('.owl-carousel');
owl.owlCarousel();

// Go to the next item
$('.customNextBtn').click(function() {
    owl.trigger('next.owl.carousel');
})

运气好的话，你只需要这样的东西：

owl.trigger('next.owl.carousel');