0

以下のコードを参照してください。fansybox 何らかの理由で 1 つの画像しか表示されません。最初の画像です。そして、2枚目の写真は表示されません。理由がわかりません。

私はチュートリアルを読み、最初にこのコードhttp://jsfiddle.net/2k8EP/を使用しようとしましたが、このコードは ajax と jquery.infinitescroll プラグインでは機能しません。ファンシーボックスは最初のページに読み込まれた写真に対してのみ機能し、他の動的に読み込まれたページでは機能しません。私のコードは jquery.infinitescroll プラグインで優れた動作をしますが、1 つの問題があります。jquery.infinitescroll プラグインで正しく動作するこの jsfiddle.net/2k8EP/ のようなコードが必要です。私の英語でごめんなさい。サンクス!

私の問題のps jsfiddle.net/sxJgQサンプルコード

<a class="open_fancybox" href="images/cards/img_1370603520.jpg"><img  src="images/cards/img_1370603520.jpg" width="200" height="125" border=0></a>

$(document).ready(function(){ 
    $(".open_fancybox").fancybox([{
            href : 'images/cards/img_1370603520.jpg',                
            title : 'title1'
        },
    {
            href : 'images/cards/img_1370603521.jpg',                
            title : 'title2'
        },
    ], {
    helpers : {
        title: {
            type: 'inside'
            }
    },
        padding : 0,
    loop: false
    });

 });
4

1 に答える 1