title: Magnific popup: getting "The image could not be loaded" and image url is undefined
body: <p>I cannot make magnific popup work for some reason getting "The image could not be loaded" all the time. The image url is "undefined".</p>
  
  <pre><code>&lt;div class="album"&gt;
      &lt;a href="http://lorempixel.com/1024/768/?a=1"&gt;
          &lt;img src="http://lorempixel.com/168/168/?a=1" /&gt;
      &lt;/a&gt;
      &lt;a href="http://lorempixel.com/1024/768/?a=2"&gt;
          &lt;img src="http://lorempixel.com/168/168/?a=2" /&gt;
      &lt;/a&gt;
      &lt;a href="http://lorempixel.com/1024/768/?a=3"&gt;
          &lt;img src="http://lorempixel.com/168/168/?a=3" /&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $(function() {
          $('div.album').magnificPopup({ type: 'image' });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/8vTYf/2/" rel="nofollow">http://jsfiddle.net/8vTYf/2/</a>       </p>