花式框中SWF周圍的神祕空白

我在iframe中顯示了一個swf，我在fancybox中顯示。它在我的本地服務器上看起來很棒，但在使用FF10在線觀看時有額外的空白。瘋！同一代碼，同一瀏覽器，不同的服務器？從來沒有過。花式框中SWF周圍的神祕空白

編輯：以下一些有用的建議，我發現在線版本（在下面的鏈接）在Chrome中看起來也很完美。所以這個問題似乎與Firefox ..我已經嘗試清除緩存並重新啓動，並添加到iframe鏈接swf.html？ver = 3的版本。

爲什麼在本地主機vs下面的鏈接查看時，此頁面看起來不同FF？

演示是在這裏：http://memelab.com.au/flipbook/index.html

我想要的SWF（翻書相冊），以便恰好符合.fancybox-內格，圍繞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的opject：

<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>

我想這可能是一個緩存的問題（舊代碼），但在把版本= 2？結束對我不起作用。

我很難過。有什麼建議嗎？謝謝，蒂姆

（備案，我正在從本地主機（XAMPP），並上傳一個LAMP服務器上的文件。）

來源

2012-03-13 ptim

不知道如果我理解正確的你，但是這是你想？

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

    }); 
});

來源

2012-03-13 16:26:42 Alex

感謝您的輸入，這確實刪除了.fancybox-outer的填充。我的問題是我在嵌入標記的_inside_上看到一些空白（不確定它的填充等）我認爲）_only_當我通過firefox在線查看頁面時。 FF +本地副本是完美的，Chrome +在線版本是完美的！我想在徵求代表的同意後立即聯繫您。現在我會澄清我的問題 - 問題似乎與瀏覽器相關。我會澄清我的問題.. – ptim 2012-03-14 02:06:09

如果我理解正確的話，你的問題是4.JPG圖像http://memelab.com.au/flipbook/pages/4.jpg - 這實際上對圖像本身裏面所有的空白 - 這使iframe的高度大於寬。除此之外，我無法看到您的閃存電影周圍有任何空白。

來源

2012-03-13 16:30:14 Jimmery

真的！？雖然圖像本身有很多空白，但swf的邊界可以通過它在頁面之間顯示的陰影和頁面邊緣在轉動時看到。我仍然看到swf本身周圍的空白:(感謝您的期待！） – ptim 2012-03-14 01:22:52

感謝Jimmery--請問您使用的是哪種瀏覽器？Chrome顯示正確的結果，FF10對我來說顯示出一個缺口，TIA – ptim 2012-03-14 02:21:21

花式框中SWF周圍的神祕空白

回答

相關問題