SetInterval with short time in IE9 not update the SRC, only longer time.

SetInterval with short time in IE9 not update the SRC, only longer time.

Hi all.

I use this code for change the src attribute from img tag in short intervals. So i create an animated sequence images as a movie showed in a div.

This code function perfect in Chrome but in IE9 it function only I change the time loop in SetInterval for 150 or longer times...

Any sugestion?

thanks.

  2. <!doctype html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Untitled Document</title>
  7. <script src="http://code.jquery.com/jquery-latest.js"></script>
  8. </head>
  9. <script>
  10. function teste1(){
  11. var i = 1;
  12. var interval_base1 = setInterval(function base1(){
  13. $("#teste").find('img').attr('src', "transition/"+ i +".jpg");
  14. i+=1
  15. },50)
  16. }

  18. </script>
  19. <body>
  20. <div id="teste" onClick='teste1()'> teste <br> teste <img src="img/avalanche.jpg"> </img> </div>
  21. </body>
  22. </html>