1

最近、fancybox のバージョンを現在の v2.1.3 に更新しました。しかし、その後、私のファンシーボックスギャラリーにキャプションがあり、画像カウントがそのまま機能していません. 私の次のコードではその仕事をしていますが、現在のバージョンで同じコードが指定されていても、現在は機能していません。

$(document).ready(function(){
        $("a[rel=img_gallery]").fancybox({
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'titlePosition'     : 'over',
        'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
            }
        });
    });

これが私のギャラリーページリンクの例です。画像のタイトル キャプションが私のギャラリーで機能しているのに、期待どおりに機能していないことに気付きました。実際、私の要件はfancyboxのホームページにあり、3番目に画像ギャラリーの例があります。それをクリックすると、画像キャプションと画像数を含む画像ギャラリー ポップアップが表示されます。例: 1/3 in black overlay. それを自分のギャラリーに適用したいだけです。誰か教えてください。

4

1 に答える 1

3

fancybox v2.x の API オプションは新しく、以前のバージョン (v1.3.x) とは互換性がありません

使用している新しいバージョンの適切な API オプションについては、http://fancyapps.com/fancybox/#docsを確認してください。

高速化するには、コードは次のようになります。

$("a[rel=img_gallery]").fancybox({
    helpers: {
        title: {
            type: 'over'
        }
    },
    // helpers
    beforeShow: function() {
        this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
    } // beforeShow
}); // fancybox​

デモを見る

于 2012-12-18T22:04:57.843 に答える