Bars Appears on Top Left Corner Before Centering about fakeloader.js

[Behseini]

Hi Again, I just noticed that this issue is happening when I am using Bootstrap Carousel in the about Section !

[AlexRebula]

Hey Behseini. Have you found the solution to your problem? Does it still happen?

I am doing some work on this plugin myself and I encounter a similar problem with a new element I added to the plugin. I solved the problem by the traditional way of first setting the 'display: none' CSS property to the newely added element (added a new brandLogo property... check out my fork) and once the element is placed to the center of the screen I simply fade it in. If you still have this problem with your spinner this may be the solution.

BTW, can you show me the code that replicated the bug? Because if the problem persists, this is a matter of two lines of code, so I might fix this im my fork.

[AlexRebula]

Aha, I see this bug has been issued. It would be good if the author would close this issue then not to confuse us. :)

[juan-manuel-alberro]

I have the same issue and I fixed in this way (check the .hide() and .fadeIn() chained in the selector)

    function centerLoader() {

        var winW = $(window).width();
        var winH = $(window).height();

        var spinnerW = $('.fl').outerWidth();
        var spinnerH = $('.fl').outerHeight();

        $('.fl').hide().css({
            'position':'absolute',
            'left':(winW/2)-(spinnerW/2),
            'top':(winH/2)-(spinnerH/2)
        }).fadeIn();

    }