链接到 iFrame 内的花式框

Posted 2023-05-09

【中文标题】链接到 iFrame 内的花式框

【英文标题】：Linking to Fancy Box Inside an iFrame

【发布时间】：2011-01-18 22:49:30

【问题描述】：

我在这里有一个网站：http://treethink.treethink.net/ 所有fancybox iFrames 都可以使用，但是如果您进入作品集部分，然后单击其中一个链接，它会将您带到一个页面并关闭 Fancy Box。

如何修改 Fancy Box，以便在投资组合 iFrame 中单击其中一个链接时，它会停留在 iFrame 中并转到链接？

这里是 fancybox 文件：

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/jquery.fancybox-1.3.0.js

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/jquery.fancybox-1.3.0.css

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/web.js

在我安装 wordpress 之前，我之前有一个网站在 http://treethink.treethink.net/backup，也许有一种方法可以改变我听到的内容，所以当点击链接时，它会先进行过渡和覆盖内容，然后加载其中的任何内容那个链接？这可能是一种更好的处理方式，不确定。

非常感谢，韦德

【问题讨论】：

ajax 厚盒最适合这个吗？ jquery.com/demo/thickbox

我现在正在尝试使用thickbox，但在使其具有百分比宽度时遇到问题。

【参考方案1】：

如果您要使用thickbox，并且在百分比宽度/高度方面遇到问题，这是一个非常容易解决的问题。您可以通过检测窗口尺寸来自动设置宽度和高度。

示例（如果您想要 90%）：

var screenW = $(window).width();
var screenH = $(window).height();
var thickboxW = Math.round(screenW * 0.9);
var thickboxH = Math.round(screenH * 0.9);

// If you want to re-set values if window resized
$(window).resize(function()  
 /* INSERT ABOVE VARS AND THICKBOX CALL HERE */
);