个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我知道这个问题之前已经讨论过，但我似乎无法让它发挥作用。我有一个带有 iframe 的 HTML 主页面。我正在使用 jQuery Prettyphoto，我想知道当我单击 iframe 中的链接时如何让灯箱显示在父窗口中？
母版页:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Master Page</title>
</head>
<body>
<iframe src="iframe.html" width="300" height="300px" frameborder="0"></iframe>
</body>
</html>
iFrame 页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
<style type="text/css" media="screen">
@import url("assets/css/infotech-iframes.css");
@import url("assets/css/infotech-popup.css");
</style>
<script src="assets/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/jquery.popup.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<a href="assets/images/screenshots/campaign-setup-lg.png" rel="prettyPhoto[gallery]"><img src="assets/images/screenshots/campaign-setup-sm.gif" /></a>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</body>
</html>
感谢您提供的任何帮助。
最佳答案
CalebD 的答案是正确的(请参阅帖子了解更多详细信息)。但是，为了访问 iFrame 父级中的 API，您必须在父级中添加以下初始化代码，以使其中任何一个都能正常工作
$.fn.prettyPhoto({ social_tools: false });
关于jquery - 从 iframe 在父窗口中显示 jQuery PrettyPhoto 灯箱，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2180019/
25
4
0
我使用 prettyphoto 的 3.1.4 版本。 (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbo
谁能解释一下如何将 PrettyPhoto 与 livequery 一起使用？ $(document).ready(function() { $(".gallery a[rel^='p
嗨，我正在使用 Jquery PrettyPhoto，并且希望始终在弹出幻灯片上显示“下一个”和“上一个”按钮，而不是用户必须将鼠标悬停在其上。我认为应该通过更改 css 来完成，但我不知道要更改哪一
我在图像上获得了带有简单文本的 id="inline" 内联内容。 是否可以在页面加载时打开此内联内容？ 任何帮助，我们将不胜感激。 最佳答案 这很简单。 $(document).ready(func
有谁知道如何删除 PrettyPhoto 上这个愚蠢的展开图像选项(http://screencast.com/t/Xclao9m84)？这毫无意义为什么有人会想要这个，它破坏了我的逻辑。任何帮助将不
我正在尝试在我的页面上实现 jQuery 插件 PrettyPhoto。我使用了此页面中的示例: http://www.no-margin-for-errors.com/projects/pretty
我已经看到这个问题并遵循了所有内容，但它对我来说根本不起作用 有人可以告诉我他们是否发现这里有什么问题吗？我还不太擅长这个，我相信这一定很简单。 我的目标是在页面加载后显示弹出窗口。 感谢任何帮助!
我正在使用 pretty photo 来显示视频 - 它与 prettyphoto 网站上的演示非常相似 http://www.no-margin-for-errors.com/projects/pr
http://2012.delineamultimedia.com/#home_portfolio 如果您单击将鼠标悬停在 BRIAN GUEHRING 的画廊上时跳转的图标。您将激活 prettyP
prettyphoto中有没有让我传递一个参数给回调函数 这是我目前的设置 $(document).ready(function(){ $("a[rel^='prettyPhoto']").
我之前有一个关于使用此网站 www.chrissybulakites.com 的灯箱的问题。我把它放在网站告诉我的地方。 谁能帮我解决这个问题？谈到这种风格，我是一个初学者，只是一个想帮助 frien
所以我刚刚使用 twitter-bootstrap 模板完成了一个网站，偶然发现了一个小问题。在本地运行页面时，一切正常，但是将页面上传到虚拟服务器后，prettyPhoto 拒绝显示网站上的一半图片
我正在开发一个带有图库页面的网站 ( www.eastcoastglassnc.com/projects.hmtl )。我遇到的问题是模态窗口按其应有的方式显示，但它卡在加载轮上。我知道这个问题是我可
我有一个棘手的问题无法解决。我正在使用 jquery.prettyphoto.js 在“灯箱”中显示一组图像。 该集中的第一张照片是“AvatarPhoto”，它在页面上渲染了两次。首先在顶部，单独站
我目前遇到 prettyPhoto 的问题播放 youtube 视频。在我的机器上本地播放视频，它将像下面这样工作: 但是，在线上传网站并单击相同的快捷方式时，它会在页面底部加载，如下所示 如果您需要
我已经安装了 Pretty Photo jQuery 插件，但我需要设置灯箱的最小和最大高度和宽度，但似乎无法正常工作。 我尝试更改 prettyPhoto.css 文件但没有成功，我尝试查看 pre
如何禁用 PrettyPhoto启用后？ $(document).ready(function () { $("a[rel^='prettyPhoto']").prettyPhoto(); }
我现在如何启用prettyphoto，但问题是如何禁用？ 这里我启用了 prettyPhoto $(document).ready(function(){ $("a[rel^='prettyPhoto
有什么办法可以让我的手机和平板电脑反应灵敏吗？我试过了，但对我来说似乎太难了。 欢迎任何意见 谢谢 最佳答案 我最近也遇到了类似的问题。 试试这些css规则： .pp_pic_holder.pp_de
我正在使用 prettyphoto media wordpress 插件(版本 3.1.4)。它对我来说工作正常，但我的问题是当我点击任何图像并在灯箱中打开时，url 中有一些额外的标签，如:#pre
我是一名优秀的程序员,十分优秀！