javascript - nyroModal根据页面大小而不是浏览器大小调整大小

我有一个链接到以nyroModal打开的图像。一切工作都很好，除了Modal窗口位于页面的中间而不是浏览器窗口的中间。这样一来，只有图像的上半部分可见。我应该注意图像非常大，我只是期望nyroModal根据浏览器大小来调整图像大小。

这是问题的屏幕截图：http://imgur.com/TFDsujI

屏幕截图显示效果更好，但仍然存在问题：http://imgur.com/q1mTkKL

有什么方法可以使nyroModal放置窗口并根据浏览器窗口尺寸（而不是页面尺寸）调整窗口大小吗？

编辑：我一直试图解决该问题，并记录了有关它的更多详细信息。 1.此问题仅在Firefox和Chrome中存在。 IE的最新版本绝对没有问题。
2.模态窗口似乎在总页面高度正下方50％处打开。这意味着如果页面足够长，则模式窗口将完全位于视口之外。
3.不论图像大小，或者根本没有内容，该窗口都会在同一位置打开。

我已将nyroModal的开发人员的电子邮件发送给了他，这是最后的努力，但还没有收到任何回复。

这是我使用nyroModal的代码：

<div class="segment"
onmouseover="document.getElementById('hypocricy').style.display = 'block';"
onmouseout="document.getElementById('hypocricy').style.display = 'none';">
    <div id="hypocricy" style="display:none;">
        <div id="thumbDescription">
        <h2>Hypocricy Sculpture</h2>
        <div class="thumbDescriptionLinks">
            <div class="thumbDescriptionLinkBox">
            <a href="projects/hypocricy/hypocricy1.jpg" class="nyroModal" rel="gal-hypocricy">zoom</a>
            <a href="zoom-images/hypocricy2.jpg" style="display:none;" class="nyroModal" rel="gal-hypocricy" ></a>
            <a href="zoom-images/hypocricy3.jpg" style="display:none;" class="nyroModal" rel="gal-hypocricy" ></a>
            </div>
            <div class="thumbDescriptionLinkBox"><a href="hypocricy-process.html">process</a></div>
        </div>
        <p>A sculpture of two intersecting heads made up of layers of bass wood.<br/><br/>
        For this, I cut many evenly spaced slices out of a 3d head model. Importing the top view of these cross sections into Illustrator allowed me to cut them out of a sheet of bass wood via laser cutter. The slices were then assembled into two separate heads using circular spacers between each slice.</p>
        </div>
    </div>
    <img src="work/school-thumbs/hypocricy.jpg" />
</div>

基本上是一个方形div，顶部是另一个方形div，它是隐藏的。将鼠标悬停在较低的div上后，隐藏的div将变为可见，并且nyroModal图像内部有一个链接。

最佳答案

我解决这个问题的方法非常简单。我停止使用nyroModal，而是使用Shadowbox。