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

时间:2016-02-23 14:42:28

标签: image-gallery magnific-popup imagesloaded

我正在使用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>
....

缩略图图像如下:enter image description here

当我点击图片时也可以:enter image description here 当我想要滑动图像时,我得到了这样的屏幕:enter image description here! 我该如何解决这个问题?

0 个答案:

没有答案