3

ユーザーがサムネイル画像をクリックすると、Fancybox がフルサイズの画像を開くシンプルな画像ギャラリーがあります。素晴らしい、それは動作します。ここで、カスタム HTML を追加して、下部にタイトルがあり、写真の右側に写真のコメントがあるラッパーに画像が含まれるようにします (Facebook を考えてください)。どうすればいいですか？これを行う方法を見つけようと何時間も試みてきましたが、できることは元の写真を Fancybox で開くことだけです。私が使用しているコードは次のとおりです。

$(document).ready(function() {
    $(".fancybox-button").fancybox({
        padding     : 0,
        prevEffect  : 'none',
        nextEffect  : 'none',
        closeBtn    : false,
        helpers : { 
            title       : { type : 'inside' },
            buttons     : {}
        }
    });
});

私はこのようなものを探しています（最後の行に注意してください）：

$(document).ready(function() {
    $(".fancybox-button").fancybox({
        padding     : 0,
        prevEffect  : 'none',
        nextEffect  : 'none',
        closeBtn    : false,
        helpers : { 
            title       : { type : 'inside' },
            buttons     : {},
            html : {'<div>my custom html</div>'}
        }
    });
});

どうすればいいですか？

4

3 に答える 3

14

Fancybox 2 でカスタム HTML をポップアップするには:

$.fancybox({ content: '<div>my custom html</div>' });
于 2013-07-19T03:42:09.623 に答える
3

このデモを見てください

このようなものを探していますか？

于 2012-07-06T05:18:17.830 に答える
1

「フェイスブックと思います」って言った？次に、私のファンシーボックスを「a la」Facebookと見なすこともできます。

http://www.picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html

ファンシーボックス v2.x が必要です

于 2012-07-06T05:46:00.037 に答える