如何在 fancybox V2 中为 iframe 设置不同的高度/宽度?

2023-12-01

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

这是我如何拥有它的一个例子

test.html?width=675&height=470

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


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

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

(set width and height on the data-每个元素的属性)

然后这个脚本:

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

在 fancybox v2.x 中应该可以解决这个问题

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 fancybox V2 中为 iframe 设置不同的高度/宽度? 的相关文章

随机推荐

  • java.lang.SecurityException:没有签名文件条目的清单部分

    我已经尝试过其他线程中的建议 但它们对我没有帮助 当我运行我的罐子时java jar BigJar jar我收到异常 Exception in thread main java lang SecurityException no manif
  • iOS Facebook 图书馆登录

    我刚刚通过此 URL 下载了适用于 iOS 的 facebook 库https github com facebook facebook ios sdk 我设法很好地运行示例应用程序 但是 当我单击登录按钮时 它实际上在浏览器中打开登录屏幕
  • Cron 作业未运行(在开发中)

    我已经指定了一个 cron 作业 用于在开发中进行测试 但它似乎没有运行 如何确保这些工作能够在生产中发挥作用 cron yaml cron description cron test gathering url test cron sch
  • scipy rv_连续非常慢

    我正在使用自定义函数f x 使用定义自定义分布copy s rv continuous班级 我的代码是 class my pdf gen rv continuous def pdf self x integral return f x in
  • 以透视方式绘制一系列 3D 投影的 2D 绘图

    我想绘制一个似然分布 基本上是NxT矩阵 其中每行代表每个时间步中某个变量的分布t t 0 T 这样我就可以可视化最大似然估计产生的轨迹 我想象了几个 2D 图 一个在另一个之前 如下所示 到目前为止基于this我试过了 def Traje
  • 如何调整 AVFrame 的大小?

    如何调整大小AVFrame I 这是我目前正在做的事情 AVFrame frame int width 600 height 400 AVFrame resizedFrame av frame alloc auto format AVPix
  • 从 Spring Boot 控制器返回 JAXB 生成的元素

    我正在生成大量 Java 文件http www ncpdp org的 XSD 文件 仅会员可用 生成它们后 我想在 Spring 控制器中使用它们 但在将响应转换为 XML 时遇到问题 我尝试返回元素本身以及 JAXBElement 但似乎
  • 如何将背景图像与猫头鹰轮播一起使用

    我想用猫头鹰旋转木马与背景图像而不是 img 标签 如使用http driveshift com car c10148 但是 插件站点中包含的每个示例都使用img tags 当您检查Shiftcarousel 它使用 url 图像作为 da
  • Java线程池[关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我想学习用Java写一个线程池 有人能给我指出有用的资源吗 看看 Doug Lea 的书 它们现在已经相当老了 除非他发布了新书 不确定 但是 1 5 中添加的并发包是基于他的线程库
  • 为什么Assembly x86_64系统调用参数不像i386那样按字母顺序排列

    有一个问题困扰着我 那么 为什么在x86 32 the 参数在我认为在的寄存器中传递按字母顺序 eax ecx edx esi and ranked order esi edi ebp syscall arg0 arg1 arg2 arg3
  • Android NDK 链接

    我正在尝试构建一个调用 C 后端的 Android 应用程序 该后端使用 ZeroMQ 进行消息传递 根据安卓构建页面在 ZeroMQ 指南上 我构建了 ndk 版本 6 的本机工具链 并使用它 成功 构建了 ZeroMQ 但是 当我使用
  • 我们如何等待 HTTP 请求完成?

    使用 SO 上的几个答案 我们已经成功编写并执行了一个基本的 HTTP 请求 import Foundation let url URL URL string http jsonplaceholder typicode com posts
  • 连接/从网络驱动器复制

    不完全确定如何解决这个问题 我做了一些研究 但还是不够 尝试连接到工作中的网络驱动器并复制出最新的文件夹 更新到项目 对我来说 目录以 开头 但是当我将其添加到字符串变量时 它不会连接 并且在我时不会显示尝试检查一下 这有一个过程吗 这就是
  • 使用 java 8 中的流反转映射[重复]

    这个问题在这里已经有答案了 我有一个Map
  • 为什么 String.Empty 是无效的默认参数?

    如果我输入以下内容 public Response GetArticles string Filter String Empty Body Visual Studio 给我这个错误 Filter 的默认参数值必须是编译时常量 如果我改变St
  • 读取Excel文件工作表名称

    我有一个导出过程 可将数据从 Access 表传输到 Excel 文件 有几次我遇到了问题 该过程没有在 Excel 中生成一张或多张工作表 1 张工作表 1 个表格 因此 当传输完成后 我希望 Access 检查所有工作表是否都位于 Ex
  • 如何解析具有浏览器兼容性的可编辑 DIV 文本

    我将 div 设为可编辑 当我尝试解析 div 的文本时 我需要执行以下正则表达式 innerDOM div I had downloaded all the material from the Intern br You will fin
  • AngularJS ng-options 选定值的问题

    在 AngularJS 中使用 ng options 时 我遇到了一个奇怪的问题 我的场景非常简单 与 ng model 绑定一个值作为所选选项 从后端加载 选择 的值 将加载的值绑定到 select 我从后端加载的对象是一个键 值 例如
  • Access SQL - 插入多行不起作用

    INSERT INTO EMP 1 EMP NUM EMP LNAME EMP FNAME EMP INITIAL EMP HIREDATE JOB CODE VALUES 101 News John G 08 Nov 00 502 102
  • 如何在 fancybox V2 中为 iframe 设置不同的高度/宽度?

    我一直在使用 Fancybox 1 3 4 就在那里 我在链接本身中有 iframe 的尺寸 这是我如何拥有它的一个例子 test html width 675 height 470 当我单击链接 fancybox 时 将打开具有这些尺寸的