【问题标题】:How do you set different height/width for iframe in fancybox V2?您如何在 fancybox V2 中为 iframe 设置不同的高度/宽度?
【发布时间】:2023-04-02 05:13:01
【问题描述】:

我一直在使用 Fancybox 1.3.4,我在链接本身中有 iframe 的尺寸。

这是我如何拥有它的示例

test.html?width=675&height=470

当我单击链接时,fancybox 将打开具有这些尺寸的 iframe。我正在尝试 Fancybox V2,但我对如何设置 iframe 的尺寸感到困惑。我希望每个 iframe 都有不同的尺寸。我该怎么做?

【问题讨论】:

    标签: jquery fancybox fancybox-2


    【解决方案1】:

    像这样设置你的 html(使用 HTML5 DOCTYPE):

    <a class="fancybox fancybox.iframe" data-width="675" data-height="470" href="test.html" >test</a>
    <a class="fancybox fancybox.iframe" data-width="400" data-height="200" href="test2.html" >test 2</a>
    

    (在每个元素的data- 属性上设置widthheight

    然后这个脚本:

    $("a.fancybox").fancybox({
      fitToView: false,
      afterLoad: function(){
       this.width = $(this.element).data("width");
       this.height = $(this.element).data("height");
      }
     }); // fancybox
    

    应该在fancybox v2.x 中做到这一点

    【讨论】:

    • -@JFK 很有趣。这适用于 Chrome、FF、Opera、Safari 和 IE7。但是,我遇到了一个问题,IE 8 和 9 将高度(底部约 10-20 像素)添加到包含链接的 div。
    • @Chris22 有链接吗?在这个演示中是否发生同样的情况picssel.com/playground/jquery/…
    猜你喜欢
    • 2014-03-08
    • 1970-01-01
    • 2014-05-19
    • 2014-05-19
    • 2014-05-26
    • 1970-01-01
    • 2019-09-01
    • 2014-06-09
    相关资源
    最近更新 更多