0

こんにちは私は次のjs関数を変更して1つのdivのコンテンツを非表示にし、fancyboxの開いたポップアップに次のdivのコンテンツを表示する方法を知りたいです 

<LI><A class="demo" id="example4" href="#demoView">Demo</A></LI> //linkfunctionality i want to show
<a id="various2" href="#divVideo" class="fl ml20"><img src="images/sites/img2.png" alt="" class="fl mr10" /></a> //Link functionality i want to hidde

<div style="display:none;">
    <div id="demoView">
        <div class="fl w900 pa20 bg2 tac">
            <h3 class="ff2 fwb fs30 mb10 cf3">Please contact us for a quick demo.</h3>
            <h4 class="ff2 fwb fs26 mb40 cf3">Email: <span  class="cf2 pr25"><a style="text-decoration:none; color:#2a98e2;" href="mailto:info@caremerge.com">info@caremerge.com</a></span> Call: <span class="cf2">(888) 996 6993</span></h4>
            <img src="images/sites/demo1.png" alt=""  class="dpib mb20"/>
        </div>
    </div>
</div>

以下の関数はビデオを正常に非表示にしていますが、上記のdivを表示していません...

 function onPause() {

       froogaloop.addEvent('pause', function(data) {
                //$('a[href="#various2"]').fadeOut();
                $('#divVideo').fadeOut(500);
                // $('#various2').fadeOut(500);
                //$(' #demoView').fadeIn(500);
                $('#demoView').fadeIn();

                alert('ST-UCK');

       });
 }

FANCY BOX JQUERY OFMYCODEの一部

jQuery(document).ready(function() {     

        $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

        $("#various2").fancybox({
            'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none',
                'onClosed'  :   function() {
                            document.getElementById('iframe-video');

                },
                'onStart'       :   function() {
                            //alert("hi");
                            //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
                }
        });
4

3 に答える 3

1

fancyboxでインラインコンテンツを開くと（#demoViewまたはあなたの例のように）、コンテンツは文字通りhtmlフロー#divVideoのその場所からfancyboxに移動され、代わりに一時的なものが残されます。div

したがって、fancyboxで開いたとき#divVideo、そのコンテンツのみが実際にはfancybox内にあるため、フェードアウトできます。#demoViewfancybox内に存在しないため、フェードインできません。

たぶん、あなたはあなたの（一時停止）イベントコールバック内の2番目のファンシーボックスをトリガーする必要があります

function onPause() {
       froogaloop.addEvent('pause', function(data) {
                $('#example4').trigger("click"); //linkfunctionality you want to show
       });
 }

...これにより、2番目のコンテンツ（#demoView）がfancybox内に移動し、現在の（#divVideo）がフェードアウトします。

于 2012-04-28T19:17:48.623 に答える
0

なぜ親はそこにいるのですか？おそらく、それを廃止して、demoViewdivにstyle属性を配置する必要があります。

于 2012-04-28T12:33:18.523 に答える
0

demoViewの囲んでいるdivが非表示になっているためですか？だから...

$("#demoview").parent().css({'display','inherit'});

うまくいくでしょうか？

于 2012-04-28T12:18:58.373 に答える