title: Jquery hide div/image until page loads using display:none
body: <p>I am trying to hide an image/div using display:none until the page loads, then it will slide in from page left. How do I get the image to show once the page is loaded and not take up space on the page before so. See: <a href="http://jsanim.com/" rel="nofollow">http://jsanim.com/</a> for example (pretend like the left cloud is 'bunny'.) A new kid thanks you for your help!</p>
  
  <pre><code>function init(){
      var manager = new jsAnimManager();  
  bunnyFly = document.getElementById("bunny");
  
  manager.registerPosition("bunny");
  
  bunnyFly.setPosition(-1320,100); 
  
  var anim = manager.createAnimObject("bunny");
  
  anim.add({property: Prop.position, to: new Pos(320,100),  
  duration: 2000}); 
  anim.add({property: Prop.positionCircle(false), loop:-1, to: new Pos(-300,150), duration: 3000});  }
  </code></pre>