Second animation doesn't work in IE

Second animation doesn't work in IE

Hi there,

The second animation doesn't seem to working in IE, here is the website: http://www.narekaramjan.com/

Both animations work fine in Firefox, Google Chrome & Safari. In IE however, the first animation is working, but the second isn't, witch is kinda weird, isn't it ? I hope someone can help me.

I've put the source code below, if you need anything else, just ask or check the live source (for js files etc.) 

Any help is appreciated, thanks.

Here is the html code and a link to animation.js:




  1. <!DOCTYPE HTML>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Narek Aramjan | Personal Website</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
  7.      <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  8. </head>
  9. <body>
  10. <div id="content">
  11.    <a href="http://www.narekaramjan.com/"><img src="images/narek_aramjan.png"/></a>

  13.   
  14.    <div id="the_action">

  16.      <div id="am_animation"></div>
  17.      <div id="go_animation"></div>
  18.      <a class="link" id="link_blog" href="http://narekaramjan.tumblr.com/"></a>
  19.      <a class="link" id="link_twitter" href="http://twitter.com/narekos"></a>
  20.      <a class="link" id="link_hyves" href="http://narekk.hyves.nl"></a>    
  21.      <a class="link" id="link_videos" href="http://www.youtube.com/user/narekaramjan?feature=mhw5"></a>
  22.      <a class="link" id="link_things" href="http://www.daytum.com/narekaramjan"></a>
  23.      <a class="link" id="link_email" href="mailto:me@narekaramjan.com"></a>

  25.     
  26.      <div id="email_bubble" class="transparent"></div>
  27.   
  28.    </div><!-- end div the_action -->
  29.   
  30.     <div id="footer">

  32. <p class="align_left"> 
  33. This page is best viewed with <a href="http://www.mozilla.com/en-US/" class="blue">Firefox</a> |
  34. Created in <a href="http://validator.w3.org/check/referer" title="Validate html " class="blue">html 5</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Validate CSS" class="blue">CSS3</a> 
  35. </p>

  38. <p class="align_right">
  39. 2010 &copy; Narek Aramjan
  40. </p>
  41. </div><!-- end footer -->

  43. </div><!-- end div content -->

  45. <!--[if IE]>
  46. <script src="/js/html5.js"></script>
  47. <![endif]--> 
  48. <script type="text/javascript" src="js/base.js"></script>
  49. <script type="text/javascript" src="js/animation.js"></script>
  50. <script type="text/javascript">
  51.   am_animation = new SlideAnimation('am_animation', ['am_student_of_life.png',
  52.    'am_go_get_what_i_want.png',
  53.    'am_20_years_old.png',
  54.    'am_enjoy_every_second_of_life.png',
  55.    'am_always_think_big.png',
  56.    'am_never_sweat_it.png'], 5000, 3000);

  58.   go_animation = new SlideAnimation('go_animation', ['love_learning_new_things.png',
  59.                                                      'love_to_party.png',
  60.                                                      'love_all_women.png',
  61.                                                      'love_to_read.png',
  62.                                                      'love_working_out.png',
  63.                                                      'love_myself.png',], 5000, 5500);
  64.                                                     
  65.   email_bubble = new EmailBubble();

  67. </script>

  69. <!-- Google Analytics -->
  70. <script type="text/javascript">
  71. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  72. document.write(unescape(""));
  73. </script>
  74. <script type="text/javascript">
  75. try {
  76. var pageTracker = _gat._getTracker("UA-15539090-3");
  77. pageTracker._trackPageview();
  78. } catch(err) {}</script>
  79. </body>
  80. </html>

    • Topic Participants

    • na