花式框中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周围的神秘空白

回答

相关问题