如何阻止fancybox調整大小？

我是初學者，所以我對編碼知識有限。我正在嘗試創建一個使用fancybox2作爲其圖像庫的網站。我爲每張照片添加了Facebook按鈕和Facebook評論框。這裏是我的代碼：如何阻止fancybox調整大小？

$(".fancybox").fancybox({ 


beforeShow: function() { 
    if (this.title) { 
    currentHref = this.href; 

    this.title += '<br /> <br/>'; // Line break after title 


    this.title += '<div class="fb-like" style="margin:0; padding:0" data-href="' + currentHref + '" data-width="400" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>'; 

    this.title += '<br />'; // Line break after title 

    this.title += '<div class="fb-comments" data-href="http://mundonimona.com/' + currentHref + '" data-num-posts="2" data-width="400"></div>'; 
    } 
}, 
afterShow: function() { 
    FB.XFBML.parse(); 


}, 
helpers: { 
    title: { 
     type: 'inside' 
    } 
}

}）;

http://jsfiddle.net/brewhildah/999Ly4vm/9/

Facebook的喜歡和評論框曾在網站上。問題是照片在Facebook插件加載後得到調整。他們都變小了。我怎樣才能確保即使在Facebook的東西加載之後，幻燈片也不會調整大小（以便查看照片並從一張幻燈片移動到另一張會順利進行）。

謝謝你的幫助！

來源

2015-06-26 brewhildah

我不熟悉的fancybox但似乎在大小動態計算的東西造成這種情況。如果您將fitToView設置爲false，然後爲lightbox定義一個maxWidth，它應該可以在不調整寬度和高度的情況下工作，它只會調整高度 –

您可以結合fitToView和maxWidth API選項來實現，像：

$(".fancybox").fancybox({ 
    fitToView: false, 
    maxWidth: "85%", 
    // other API options 
});

請參閱分叉JSFIDDLE

來源

2015-07-05 02:08:38 JFK

如何阻止fancybox調整大小？

回答

相關問題