2

何らかの理由で、「画像を読み込めませんでした」というメッセージが常に表示されるため、壮大なポップアップを機能させることができません。画像の 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>

http://jsfiddle.net/8vTYf/2/

4

1 に答える 1

12

コードを次のように変更しました。

$(function() {
    $('div.album').magnificPopup({delegate: 'a', type: 'image' });
});

http://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing_popupから

問題は、画像へのリンクを含む「a」要素ではなく、コンテナーを参照したことです。

于 2013-08-23T21:51:10.140 に答える