【发布时间】：2026-01-20 14:55:02
【问题描述】：
我在一个 aspx 页面中有 2 个 iframe，在其中一个 iframe 中我正在加载一个新的 aspx 页面，并且我有我的画廊图像。我已插入 pirobox 弹出插件以将每个图像加载为弹出窗口。我的问题是弹出窗口本身在 iframe 中加载，我希望弹出窗口覆盖整个屏幕，以便可以在不滚动 iframe 的情况下查看更大的图像以查看它作为一个整体。请帮我解决这个问题。我是否需要在 Javascript 或锚标记本身的某些地方进行更改。
这是我的主页：
<html>
<head>
<title></title>
</head>
<body>
<iframe src="C:\Users\guruprasadr\Downloads\pirobox_extended\demo.html" style="margin-left:50px" height="600px" width="700px"></iframe>
</body>
</html>
这是 demo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pirobox Extended</title>
<link href="css_pirobox/style_1/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="content/css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/sansation/stylesheet.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/pirobox_extended.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().piroBox_ext({
piro_speed : 700,
bg_alpha : 0.5,
piro_scroll : true // pirobox always positioned at the center of the page
});
});
</script>
</head>
<body>
<div class="demo">
<ul>
<li>
<a href="img/26.jpg" rel="gallery" class="pirobox_gall" title="Curious kitten.">
<img src="img/26s.jpg" />
</a>
</li>
<li><a href="Images/300vsSA-Getty.jpg" rel="gallery" class="pirobox_gall" title="Lights"><img src="img/27s.jpg" /></a></li>
<li><a href="img/29.jpg" rel="gallery" class="pirobox_gall" title="Sun salutation."><img src="img/29s.jpg" /></a></li>
<li><a href="img/30.jpg" rel="gallery" class="pirobox_gall" title="Bonfire"><img src="img/30s.jpg" /></a></li>
</ul>
</div>
</body>
</html>
现在我清楚了伙计们..
【问题讨论】：
-
是的，我们是魔术师，但我们需要一些代码来使用
-
你不能用 iframe 做到这一点。但是，您可以使用 jQuery 在
div中加载内容，并在单击图像时使div通过绝对定位来全屏显示。 IDK，你明白我的意思。 -
没有任何代码几乎不可能给出准确的答案。但在我看来，您需要在主 aspx 页面中加载图库 js，并定位图库 ifame 的子 div 以在整个窗口中打开它们。
-
@badZoke 我已经包含了代码。我需要多放点东西吗..
-
@MuhammadTalhaAkbar 你能给我举个例子或者详细说明一下吗..
标签： javascript asp.net css html