Как показать значок загрузки с помощью библиотеки Fancy Box 3 - PullRequest
Новая
       7

Как показать значок загрузки с помощью библиотеки Fancy Box 3

0 голосов
/ 25 мая 2018

Я использую новейшую библиотеку fancybox 3.Я пытаюсь показать значок загрузки.Я просмотрел документы (https://fancyapps.com/fancybox/3/docs/), но это мне не сильно помогло. Я вижу несколько методов, таких как showLoading () и hideLoading (), но в консоли браузера появляются ошибки, как будто они не являются функциями.

Со старой библиотекой fancybox, т.е. fancybox 1, я смог сделать это, напрямую вызвав функции. Может ли кто-нибудь помочь мне с последней библиотекой?

1 Ответ

0 голосов
/ 29 мая 2018

Чтобы показать загрузочную анимацию программно, вам нужно сделать это в активном экземпляре FancyBox: 

// Get the opened instance of fancybox
var instance = $.fancybox.getInstance();

или, если вы открываете ir программно: 

// Get the initialized fancybox
var instance = $.fancybox.open({
    // Your content and options
});

Тогда вы можетепоказать или скрыть анимацию загрузки для экземпляра следующим образом: 

instance.showLoading( slide );
instance.hideLoading( slide );

Анимация загрузки должна отображаться / скрываться на определенном слайде.

Чтобы настроить анимацию загрузки, вы можете переопределитьшаблон загрузки по умолчанию.Тогда css зависит от вас: 

// Changes the loading animation when opening a new instance
$.fancybox.open({

    // Loading indicator template
    spinnerTpl: '<div class="your-animation"></div>'

});

// Overrides the default template for all instances
$.fancybox.defaults.spinnerTpl: '<div class="your-animation"></div>';

Вы можете найти больше информации о FancyBox options и api методов здесь .

Надеюсь, это поможет.

...