以下のコードを参照してください。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
});
});