fancybox中SWF周圍的神秘空白

Question

我在fancybox中顯示的iframe中有一個swf。 在我的本地服務器上看起來不錯，但是使用FF10在線查看時有額外的空格。 瘋！ 相同的代碼，相同的瀏覽器，不同的服務器？ 以前從未有過。

編輯：遵循一些有用的建議，我發現在線版本（在下面的鏈接中）在Chrome中也很完美。 因此，問題似乎出在Firefox上。我嘗試清除緩存並重新啟動，然后在iframe鏈接中將版本添加到swf.html？ver = 3。

為什么在localhost和以下鏈接中查看時，此頁面在FF中看起來有所不同？

該演示在這里： http : //memelab.com.au/flipbook/index.html

我希望swf（活動簿相冊）完全適合.fancybox-inner div，而swf邊緣周圍沒有空格。 圖像本身具有空白（我剛剛在第一頁上添加了紅色邊緣，可以在頂部和側面看到-底部被切除），但是swf的邊緣可以通過頁面之間的陰影以及頁面角落抬起。

我在修剪空白時遇到了很大的麻煩，發現將swf放在iframe中會給我帶來更好的結果，因為我可以在對象參數中指定scale =“ noScale”。

我在追查Firebug中的問題時遇到了麻煩，因為高度/寬度屬性有很多重疊，所以成功是經過反復嘗試的。 只是看不出來為什么上傳時與眾不同！

我的劇本：

$(document).ready(function() {
    $("a.various").fancybox({
        width       : 1008,
        height      : 792,
        minWidth    : 1048,
        minHeight   : 832,
        autoSize    : false,
        padding     : 20,
        wrapCSS     : 'pageflip'

    });
});

和swf.html中的對象：

<object width="1008px" height="792px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">

<param name="scale" value="noScale" />
<param name="salign" value="TL" />

<param value="transparent" name="wmode">
<param value="true" name="allowfullscreen">
<param value="always" name="allowscriptaccess">
<param value="pageflip.swf" name="movie">

<embed width="1008px" height="792px" wmode="direct" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="pageflip.swf" scale="noScale"></object>

我認為這可能是一個緩存問題（舊代碼），但是最后加上？ver = 2對我不起作用。

我感到難過..有什么建議嗎？ 謝謝，蒂姆

（為記錄起見，我正在從本地主機（XAMPP）運行該文件，並在LAMP服務器上運行該文件。）

Answer 1

不知道我是否正確理解您的意思，但這是您想要的嗎？

$(document).ready(function() {
    $("a.various").fancybox({
        width       : 1008,
        height      : 792,
        minWidth    : 1008,
        minHeight   : 792,
        autoSize    : false,
        padding     : 0,
        wrapCSS     : 'pageflip'

    });
});

Answer 2

如果我正確理解您的問題，那么您的問題就是4.jpg圖片http://memelab.com.au/flipbook/pages/4.jpg實際上，圖片本身具有所有的空白-使iframe比實際的要高寬。 除此之外，我看不到Flash電影周圍的空白。