0

私は問題があります。再生ボタンをクリックすると、fancybox iframe でビデオが再生され、ビデオがロードされるとロゴが上部に表示されるページがあります。次に、そのロゴへのリンクを追加する必要があります。ファンシーボックスのコードを変更しようとしましたが、うまくいきませんでした。何か助けはありますか？

$(document).ready(function(){
            $('#malohaStory').click(function(){
                $.fancybox({
                    overlayOpacity: 1,
                    overlayColor: '#bbb',
                    padding : 0,
                    autoScale : false,
                    transitionIn : 'none',
                    transitionOut : 'none',
                    titleShow : true,
                    titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
                    titleFormat : function(){
                        return ' ';
                    },
                    type: 'iframe',
                    href: 'http://hmaloha.com/js/flowplayer/video/index.html',
                    height: 545,
                    width: 920,
                    swf : {
                        wmode : 'transparent',
                        allowfullscreen : 'true'
                    }
                });
                return false;
            });


        });
4

1 に答える 1

0

$.fancybox()呼び出し内に、beforeLoad以下に示すようにメソッドを含め、私の例のリンクをあなたのものに変更しますurl:

beforeLoad: function() {
  this.title = '<a href="http://www.example.com/link.html">' + this.title + '</a>';
}

titleFormatしたがって、最終的なコード (関数が何をしているのかはわかりませんが、上記のすべてを保持する場合) は次のようになります。

$(document).ready(function(){
        $('#malohaStory').click(function(){
            $.fancybox({
                overlayOpacity: 1,
                overlayColor: '#bbb',
                padding : 0,
                autoScale : false,
                transitionIn : 'none',
                transitionOut : 'none',
                titleShow : true,
                titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
                titleFormat : function(){
                    return '&nbsp;';
                },
                type: 'iframe',
                href: 'http://hmaloha.com/js/flowplayer/video/index.html',
                height: 545,
                width: 920,
                swf : {
                    wmode : 'transparent',
                    allowfullscreen : 'true'
                }
                beforeLoad: function() {
                  this.title = '<a href="http://www.example.com/link.html">' + this.title + '</a>';
                }
            });
            return false;
        });


    });
于 2013-04-30T12:59:37.390 に答える