2011-12-05 35 views
0

http://mayakaimal.businesscatalyst.com/media-pressfancybox2 - 彈出窗口不會縮小以適合數據

一些彈出窗口的人比其他人少的數據。我希望窗口縮小以適應。即在上述示例中,如果您點擊「The Boston Globe」,則右側有空白區域。

這是我第一次使用fancybox。我試過改變

aspectRatio: true, 
didResize: true, 
width: '100%' 

哪個參數需要改變?

感謝

+0

您是否嘗試過只使用一些文本,看看它是否還是那麼寬?從我自己的經驗Fancybox總是打開正確的寬度。你顯示的文件是否可能包含CSS樣式並使用固定寬度? – 45808

回答

2

有關的fancybox 2.x的

與您的代碼玩弄在Firebug了一段時間後,我遇到了maxWidth選項。設置maxWidth100%似乎解決您的問題(「波士頓環球報」鏈接後,打開的fancybox是內容一樣瘦:

$j("a.fancybox").fancybox({maxWidth : '100%'}); 

我還發現,如果你的fitToView選項設置爲false它刪除滾動條和內容似乎以適應更好的fancybox:

$j("a.fancybox").fancybox({fitToView : false, maxWidth : '100%'}); 

對於1.x的的fancybox

autoDimensions : true 

對於內聯和ajax視圖,將視圖的大小調整爲元素接收。 確保它有尺寸,否則這會產生意外結果

通過JavaScript你可以叫$.fancybox.resize當你改變內容和的fancybox將調整爲內容的正確尺寸。

+0

bbosco提供了一個鏈接,他正在使用Fancybox v2.0.3。 autoDimensions是Fancybox v1.3.x的一個選項,它不是Fancybox v2.x的有效選項 – JFK

+0

@JFK感謝您的提示,我回答得太快,沒有看到它是針對版本2的(我沒有選擇「不知道......)。我更新了我的答案,使用Fancybox v2進行了測試。 – Jasper

+0

@Jasper Brilliant。謝謝。 maxWidth:100%激勵我嘗試maxHeight:100%,現在它工作得很好。我想這是刪除滾動條的另一種方法... – bbosco

相關問題