franverona / loadgo Goto Github PK
View Code? Open in Web Editor NEWLoadGo is a Javascript plugin for using your logo as a progress bar.
Home Page: https://franverona.com/loadgo/
License: MIT License
LoadGo is a Javascript plugin for using your logo as a progress bar.
Home Page: https://franverona.com/loadgo/
License: MIT License
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.