vadimsva / waitMe

jquery plugin for easy creating loading css3/images animations
http://vadimsva.github.io/waitMe/
MIT License
328 stars 84 forks source link

Does not work in Internet Explorer - 8 #2

Closed ttelang closed 9 years ago

ttelang commented 9 years ago

Steps to reproduce problem

  1. Launch IE 8
  2. Go to Demo Page at URL -> http://vadimsva.github.io/waitMe/
  3. Click Submit

Expected Result: loading animation should work normally Actual Result: Following console error are encountered and loading animation does not get shows up.

vadimsva commented 9 years ago

Plugin use css3 animation, and works on all browsers and IE10+.

ttelang commented 9 years ago

It should be possible to convert its CSS3 animation to animation effects based on jquery. Let me give it a try.

vadimsva commented 9 years ago

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

ttelang commented 9 years ago

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:

<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>
vadimsva commented 9 years ago

Also you can use image as animation (gif, svg, ...) Demo uses jquery 2.x, that without support <ie8