nyroModal根據頁面大小而不是瀏覽器大小調整大小

我有一個鏈接到打開nyroModal的圖像。除了Modal窗口放置在頁面中間而不放在瀏覽器窗口中間的事實之外，一切都很好。這使得只有圖像的上半部分可見。我應該注意到，圖像非常大，我只是希望nyroModal根據瀏覽器大小調整圖像大小。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圖像裏面有一個鏈接。

來源

2014-01-16 redshirt1000