title: popup onload not displaying
body: <p>I want a popup that only appear when onload. I'm using the <a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow">magnific popup</a>
  the script is working but it display an error on the popup saying that "The image could not be loaded." not sure what is the best <code>'type'</code> I need to use with the one im' using.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="pop"&gt;
  &lt;img src="something.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>SCRIPT:</p>
  
  <pre><code>jQuery(window).load(function(){
  jQuery.magnificPopup.open({
    items: {src: '#pop'},type: 'image'}, 0);
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#pop {display:none;}
  </code></pre>