Question

我在iframe中有一个swf，我正在fancybox中显示。它在我的本地服务器上看起来很棒，但在使用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对我来说不起作用。

我很难过......有什么建议吗？谢谢，蒂姆

（对于记录，我从localhost（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电影周围有任何空白。

在fancybox中SWF周围的神秘空白

2 个答案: