Великолепное всплывающее окно: показать "изображение не может быть загружено", когда слайд изображений

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>
....

Миниатюрные изображения хороши, как показано ниже:

это также нормально, когда я нажимаю на изображение как таковое: когда я хочу скользить изображения, я получил такой экран: ! Как я могу решить эту проблему?