Prettyphoto 在 iframe 中显示全尺寸图像

【问题标题】：prettyphoto displaying image fullsize in iframePrettyphoto 在 iframe 中显示全尺寸图像
【发布时间】：2012-06-22 21:04:46
【问题描述】：

我有一个网站，其中缩略图位于 iframe 中，目前当他们单击缩略图时，它只会打开与 iframe 一样大，我如何制作它，以便在单击图像时它会显示为整个网站的全屏和不只是 iframe 区域？我正在使用 prettyphoto 脚本

这是我为显示问题而上传的缩略图页面，当我单击缩略图时，它仅以 iframe 的大小全屏显示？（我的内容区）

【问题讨论】：

【解决方案1】：

您不能将 iframe 中的任何内容从框架中取出。 iframe 是位于其中的所有对象的限制。

使用 DIV 和 JQUERY 代替 iframe 来做你现在正在做的事情

<div id="DynamicFrame"></div>

$('#DynamicFrame').load('htmlPageToLoad.html');

【讨论】：

id 为 DynamicFrame 的 div 是占位符。 $('#DynamicFrame').load('your.html');
我会将这段代码放入哪些文件中？（对不起网络新手）。我的 index.htm 是主站点，gallery.htm 是该页面的 iframe。还有漂亮的 js 文件
你需要阅读命令api.jquery.com/load。此外，如果示例和解释还不够，那么您需要转到w3schools.com 并至少学习基础知识。复制过去的学习是可以的，但你应该知道你复制和粘贴的内容。