3

だから私は画像のギャラリーと1つのビデオを持っています。画像には「オーバー」タイプのタイトルを付け、ビデオには「インサイド」タイプのタイトルを付けたいです。以下のコードは私が試したものですが、ビデオのタイトルは「オーバー」のままで、ビデオのサムネイルをクリックすると、fancybox オーバーレイが点滅するだけです。それ以外の場合、fancybox-media 定義を削除すると、ビデオのサムネイルは正常に機能します。

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
            margin: 10,
            padding: 10,

            helpers : {
                title : {
                    type : 'over'
                },
                media : {}
            }
        });

        $('.fancybox-media').fancybox({
            helpers : {
                title : {
                    type : 'inside'
                }
            }
        });

    });
</script>

そしてHTMLで：

<a class="fancybox fancybox-media" href="http://www.youtube.com/v/EIyixC9NsLI?hd=1&autoplay=1" data-fancybox-group="gallery" title="Here is a video."><img class="thumb" src="tn_video.png" alt="" /></a>

答えは何か関係があり.attr('rel', 'gallery')ますか？それが何をするのかよくわかりません。

4

1 に答える 1

0

2 つの個別の fancybox 関数呼び出し (1 つは ) を作成しようとしましたかfancybox fancybox-media?

このようなもの（テストされていません）：

    $(".fancybox").fancybox({
        margin: 10,
        padding: 10,

        helpers : {
            title : {
                type : 'over'
            },
            media : {}
        }
    });
    $(".fancybox-media").fancybox({
        margin: 10,
        padding: 10,

        helpers : {
            title : {
                type : 'inside'
            },
            media : {}
        }
    });
于 2012-11-30T22:02:04.913 に答える