2017-11-07 5 views
0

私はバージョン2を使用していますが、私は新しいバージョンで更新したいと思います。fancybox-3 open php page

ほとんどの場合、PHPページを呼び出すことでウィンドウ内のウィンドウを開くのに使用します。

function fancybox(url, modal, width, height, parameters, title, refresh) { 

    $.fancybox({ 
    width: width, 
    height: height, 
    fitToView: false, 
    autoSize: true, 
    autoScale: false, 
    transitionIn: 'none', 
    transitionOut: 'none', 
    type: 'iframe', 
    beforeClose: function() { 
     if (refresh !== undefined) { 
      eval(refresh); 
     } 
    }, 
    href: url + '?' + parameters, 
    modal: modal, 
    title: title, 
    helpers: { 
     title: { 
      position: 'top', 
      type: 'inside' 
     } 
    } 
}); 

そして今、私のコールJSがこの機能を持っています:

fancybox('annonce-detail.php', false, 200, 200, 'nunati=' + 0504+ '&copaip=' + 0454+ '&objet=' + objet, undefined, 'refresh()'); 

は、今日、私はそれができるように進化したい

化粧箱2を呼び出すために私のJS関数の下に見つけてください。この新しいバージョンに適応する。 問題は、新しいバージョンでこの種の新しい機能を実行できないことです。 私の研究の最初の下に見つけてください:私もPHPのページでfancyboxを開くことができません

$.fancybox.open({ 
    iframe : { 
     tpl :url + '?' + parameters, 
     css : { 
       width: width, 
       height: height 
     } 
}       
}); 

私の要求が可能である場合、あなたは私に教えてもらえますし、多分私はのいくつかを使用することができますあなたの助け。 http://fancyapps.com/fancybox/3/docs/#api - -

答えて

0

は、あなただけのドキュメントを見てする必要があり、事前にありがとうと新しい構文は次のとおり

$.fancybox.open({ 
    src : 'YOUR LINK', 
    type : 'iframe', 
    opts : { 
     iframe : { 
      css : { 
       width : WIDTH, 
       height : HEIGHT, 
      } 
     }, 
     beforeClose : function(instance, current) { 
      console.info('closing!'); 
     } 
    } 
}); 

をところで、GitHubの問題に重複をしないでくださいここをクリック

+0

ありがとう – Luka