何らかの理由で、「画像を読み込めませんでした」というメッセージが常に表示されるため、壮大なポップアップを機能させることができません。画像の URL は「未定義」です。
<div class="album">
<a href="http://lorempixel.com/1024/768/?a=1">
<img src="http://lorempixel.com/168/168/?a=1" />
</a>
<a href="http://lorempixel.com/1024/768/?a=2">
<img src="http://lorempixel.com/168/168/?a=2" />
</a>
<a href="http://lorempixel.com/1024/768/?a=3">
<img src="http://lorempixel.com/168/168/?a=3" />
</a>
</div>
<script>
$(function() {
$('div.album').magnificPopup({ type: 'image' });
});
</script>