Magnific popup：幻灯片图像时显示“图像无法加载”

Question

我正在使用Magnific弹出窗口在桌面上滑动我的图像，这里是html代码的一部分：

.....
<div id="portfolio" class="clearfix">
    <table class="table table-striped table-bordered table-hover table-condensed" id="dataTables-brickset">
        <thead>
            <tr><th>Image</th></tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <a href="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80029.jpg" title="Star Diamond／Military／CV-12 Reconnaissance Vehicle">
                        <img src="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80029.jpg" height="64" />
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80030.jpg" title="Star Diamond／Military／AH-1 Aemed Helicopter">
                        <img src="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80030.jpg" height="64" />
                    </a>
                </td>
            </tr>
.....

<script>
    $(function(){
        $('#portfolio').magnificPopup({
            delegate: 'a',
            type: 'image',
            image: {
              cursor: null,
              titleSrc: 'title'
            },
            gallery: {
              enabled: true,
              preload: [1, 1], // Will preload 0 - before current, and 1 after the current image
              navigateByImgClick: true
            }
        });
    });
</script>
....

缩略图图像如下：

当我点击图片时也可以： 当我想要滑动图像时，我得到了这样的屏幕：！ 我该如何解决这个问题？