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

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

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

http://callofdutylink.freehostia.com/

【问题讨论】:

  • 您使用 iframe 是否有原因?

标签: jquery iframe prettyphoto


【解决方案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 并至少学习基础知识。复制过去的学习是可以的,但你应该知道你复制和粘贴的内容。
猜你喜欢
  • 2014-11-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-23
  • 1970-01-01
  • 2019-02-25
相关资源
最近更新 更多