franverona / loadgo Goto Github PK

• Add tests to both jQuery and pure JS versions.

loadgo-nojquery.js:1 Trying to set progress for a non initialized element. You have to run "init" method first.

My image is on the left side, but the loadgo appears on the right hand side. I realised this is caused by the right property = 0px; I think there is a bug for left to right direction. I tried using both jquery and no jquery and both are not working as well.

I have this in the head of my pages:

<script src="<?php bloginfo('template_directory'); ?>/loadgo-master/loadgo.min.js" type="text/javascript"></script>
<script>
$(window).load(function () {
    $("#loaderlogo").load(function() {
      $('#loaderlogo').loadgo();
    }).each(function() {
      if(this.complete) $(this).load();
    });
});
</script>

With the loaderlogo image (inside a div) as the first html element after the body. Running jquery 2.2.3 (always updated to latest versions) - all I see is a logo at the top of the page, not centered, no overlay on page, and never begins loading. Is it a jquery version issue? Not getting any errors. Testing in Firefox.

would you please consider adding tags for each version so that we can add your lib on https://cdnjs.com/ with git auto-update.
thank you very much!
cdnjs/cdnjs#5927

loadgo.min.js:14 Uncaught TypeError: Cannot read property 'overlay' of undefined

<div id="loading">
        <div class="l-container">
            <div class="content">
                <img id="logo" src=""logo.png" alt="Logo" class="img-responsive">
            </div>
        </div>
    </div>

#loading {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    display: table;
    .l-container {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        .content {
            position: relative;
            width: 25%;
            text-align: center;
            display: inline-block;
        }
    }
}

$('#logo').loadgo('setprogress', Pace.start());

am trying to do something like ur YT demo but for normal app "not WP" but as ur examples lack suck a thing and ur demo doesnt Explains exactly how so...

Hello,
LoadGo is going to be used on a commercial project that I am working. We were using pace before on ember.js and it is working with ajax calls.

I'm just wondering if we can use pace with LoadGo for ajax calls. If we can, how can we use it. Or how should I design my ember project for LoadGo to work properly with ajax calls.

Great work by the way. I appreciate your help. Have a good day.

sazap10 did a great job by doing it here: https://github.com/sazap10/bower-loadgo

But according to this discussion, maybe split bower package in two different packages (bower-loadgo and bower-nonjquery-loadgo, or similar) would be optimal in case that someone doesn't need jQuery in his project.

So I will mark this as a ToDo (I have to had a bower.json file to this repo as well). Feel free to ask any questions or thoughts you have.

-Fran

would you please consider adding package.json so that we can add your lib on https://cdnjs.com.
thank you very much!
cdnjs/cdnjs#5927

Hello,

Im just trying to use loadgo and pace to show the logo while the website is loading but can't make it work. Any suggestion?

PS: I'm not using wordpress, just an HTML file with all files necesaries.

Thank you