1

以下のコードは正常に動作します。ファンシーボックスは、ドキュメントの準備ができたときに表示されます。

jQuery(document).ready(function() {
    $.fancybox(
        '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',
        {
                'autoDimensions'    : false,
            'width'                 : 350,
            'height'                : 'auto',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
});

あるべき姿である。後でいくつかのイベントで$.fancybox.close();、このファンシーボックスを閉じるために使用する必要があります。このファンシーボックスを正確にトリガーする方法は? 広告IDを追加する必要があると思います。どうやってするか？

4

1 に答える 1

1

最初にHTMLでdivを作成し、Javascriptでfancyboxとして定義します

<div style="display:none">
    <div id="myFancyBox">
         <h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>
    </div>
</div>

JavaScript:

<script type="text/javascript">
    $("#fancyBoxLink").fancybox({
        'href'   : '#myFancyBox',
        'autoDimensions'    : false,
        'width'                 : 350,
        'height'                : 'auto',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'

    });
</script>
于 2012-09-28T08:14:18.220 に答える