Firefox 中的 iframe FancyBox 2.1.4

Posted 2023-05-09

【中文标题】Firefox 中的 iframe FancyBox 2.1.4

【英文标题】：Iframe FancyBox 2.1.4 in Firefox

【发布时间】：2013-08-28 23:52:54

【问题描述】：

我在使用 Firefox 时遇到问题。它打开了一个 FancyBox，但没有原始尺寸。请问您能帮帮我吗？

从 cmets 移出：

<tr>
    <td align="center">
        <a class="fancybox" data-fancybox-type="iframe" href="luscoefusco13.es/index2.html"><img src="luscoefusco13.es/imaxes/intro/intro_04.gif";  name="intro"   title="Entrar"></a>
    </td>
</tr>

js

$(document).ready(function () 
    $('.fancybox, iframe').fancybox();
);
$(document).ready(function () 
    $('.fancybox, iframe').fancybox(
        type: 'iframe',
        'padding': 0,
        'autoSize': false,
        'width': 718,
        'height': 503
    );
);

【问题讨论】：

请显示一些代码

我使用的是 FancyBox 2.1.4。

@BraisRemeseiro，如果您要添加必要的详细信息而不是将其发布为 cmets，请编辑您的问题。

拜托，你能回答吗？

@BraisRemeseiro : 如果你的意思是你无法获得 718x503 的大小，请将 fitToView 设置为 false 并将 $('.fancybox, iframe') 更改为此 $('.fancybox')

【参考方案1】：

你只需要这段代码

<script type="text/javascript">
$(document).ready(function () 
    $('.fancybox').fancybox(
        type: "iframe",
        padding: 0,
        fitToView: false,
        autoSize: false,
        width: 718,
        height: 503
    );
);
</script>

当然，你应该有这样的html

<a class="fancybox" href="http://domain.com/page.html">open iframe</a>

见JSFIDDLE

【讨论】：

您好 JFK，首先感谢您的回复。我用代码做到了，在 Firefox 中它似乎减少了。我该怎么办？。

拜托，你能回答吗？我在 Firefox 中的宽度和高度仍然存在问题。

@BraisRemeseiro：jsfiddle 工作正常吗？你能分享一个链接吗？

嗨，再次感谢。是的，jsfiddle 工作正常。在 Safari 中，我看到了完美的 FancyBox，但在 Firefox 中，宽度/高度的滚动条看起来有点减少。分享链接是什么意思？，网站的 URL？我上传了带有 FancyBox iframe 修改的 index.html。网站是：luscoefusco13.es。您可以通过按“进入”按钮进入网站。如果您可以看到代码，我还想问您主表是否可以在屏幕中间居中，并且您是否可以修复在 Dreamweaver 中突出显示的“进入”按钮。谢谢老兄。

拜托，你能回答吗？