Неактивная ленивая нагрузка для совы-карусели после ее отображения

Question

Эй, ребята, у меня есть проблема, которую я действительно не могу решить.Я использую карусель совы на странице сведений о продукте (pdp), чтобы показать несколько изображений продукта.Поскольку я хочу запустить тест AB, изменяющий отображение и количество изображений, я использую код CSS, чтобы скрыть кнопки управления для карусели сов и показывать все изображения сразу, а ползунок больше не используется:

слайдер предварительного просмотра

Но теперь у меня проблема с тем, что первые изображения предварительно загружены, но все новые после добавления имеют анимацию загрузки из-за отложенной загрузки.

Когда я нажимаю на кнопки управления, они загружаются, поэтому я подумал, почему бы не подделать его щелчком в jQuery, но карусель совы, похоже, не распознает его

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

Этот код работаетна всех других элементах, но не на кнопках управления.Есть ли какой-нибудь способ, которым вы знаете, как вручную активировать загрузку всех изображений?

Заранее спасибо:)

Answer 1

Из API events пример документации:

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

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

Если повезет, все, что вам нужно, это примерно так:

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