Comments (5)
Plugin use css3 animation, and works on all browsers and IE10+.
from waitme.
It should be possible to convert its CSS3 animation to animation effects based on jquery. Let me give it a try.
from waitme.
jquery animation is very slow and I don't see any reason to support older browsers, such as ie8-9. But You can do this for yourself
from waitme.
Below is an example code snippet of how to get the loading animation work in all the browsers (including IE <10 ). This makes use of the Spin.js & Modernizr library available at following URLs:
- Spin.js - http://fgnass.github.io/spin.js/
- Modernizr - http://modernizr.com/
<script src="./libs/modernizer/modernizr-2.6.2.min.js" charset="utf-8"></script>
<script src="./libs/spin.js/spin.min.js"></script>
<script>
if (!Modernizr.cssanimations || !Modernizr.csstransitions){
// show progress bar for older browsers
new Spinner().spin(document.body);
} else {
$('body').waitMe({
effect: 'ios',
bg: 'rgba(255,255,255,0.7)',
color: '#000',
});
}
</script>
from waitme.
Also you can use image as animation (gif, svg, ...)
Demo uses jquery 2.x, that without support <ie8
from waitme.
Related Issues (20)
- Demo is not working on click of Submit HOT 2
- Wait me not working HOT 3
- White screen appears during hide HOT 1
- Add an global option which is a callback to be called when waitMe element is removed HOT 6
- 能否使用bower的安装? HOT 1
- iOS Chrome(ver47.0.2526.107) not working HOT 3
- Page scrolls in WaitMe HOT 1
- Add Icon Position option HOT 2
- integration in webpack / Angular2 setup HOT 4
- publish via npm HOT 1
- Problem with maxSize and rotation effect. HOT 2
- add wait cursor poninter HOT 2
- Fade in, fade out, stack HOT 2
- bower HOT 2
- Microsoft Nuget
- Disable scrolling out of waitMe background. HOT 1
- waitMe is not working with my angular app HOT 1
- How to make it appear in the center
- When I used waitMe hide before alert(),But it worked after click alert() confirm? HOT 1
- Remove jquery dependency
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from waitme.