2011-10-16 35 views
1

我目前正試圖實現fancybox。我想將它設置爲autodimensions,但每次第一次加載時都有bug。Fancybox autodimensions

$.fancybox({ 

     'autoScale'   : true, 
     'autoDimensions' : true,     
     'content'   : html 
}); 

在第一負載(第一次點擊一個新開的瀏覽器中執行)中的fancybox寬度和高度是不正確的,但是當我再試一次(點擊使用打開的瀏覽器),在的fancybox顯示的是我所期望的輸出。我猜它不能識別寬度和高度。

的阿比說 autodimensions

For inline and ajax views, resizes the view to the element recieves. Make sure it has dimensions otherwise this will give unexpected results 

我想知道到底是什麼「尺寸」是什麼意思......也許這就是爲什麼我的fancybox是馬車。

我很感激任何幫助......謝謝!

回答

0

尺寸意味着你是「花哨裝箱」的元素需要設置寬度和高度,因爲fancybox會根據你的內容的大小來設置自己的尺寸。

此外,問題可能是fancybox正在加載之前您的內容。嘗試將fancybox JavaScript代碼放在頁面底部,就在標籤之前。

+0

解決方案是讓我直接在我的內聯內容中顯示style =「width:500px; height:auto; overflow:hidden」。該CSS顯然是工作,但與跨瀏覽器兼容性的問題。謝謝你的提示!我現在瞭解'尺寸'! :D – Woppi

0

在你的代碼中,你忘記了「,」autoscale後:真正的地方,你會得到它的工作。

+0

哎呀,謝謝你提到它,但我有','在我的真實代碼中...只是在這裏忘了它。 – Woppi

+0

我已經嘗試了從花式框中下載的例子,並將「不同的標題位置」的最後一個圖像替換爲圖像庫,並且工作正常。 – coder

+0

而我沒有提到autoDimensions和內容的例子,並且運行良好。如果你放置整個代碼來顯示圖像,我可以幫你做我能做的。 – coder