2017-09-27 47 views
1

我離專家很遠,但我已經得到了代碼,所有的工作都非常好 - 我可以製作我的畫廊,並且視口打開並顯示我的圖像,我的所有選項都可以工作,如何操作等。如何將視口的最大高度設置爲瀏覽器窗口的高度?

發生什麼事情對我來說是不可取的,如果網頁足夠長以便可以滾動,當lightbox視口打開時(顯示肖像圖像時)比瀏覽器窗口的高度「更高」,並且所以你必須滾動才能看到圖像。

我知道我可以將maxHeight選項設置爲任意數量的像素,但我寧願不這樣做,因爲這當然會限制具有較大屏幕的人。

理想情況下,我希望視窗與瀏覽器窗口的底部距離相同,因爲它是從頂部開始的,根據需要調整圖像的大小(因爲它已經在網頁不存在的情況下執行操作)可滾動)。

我認爲正在發生的事情是,燈箱是使用Web頁面的完整,滾動的高度,以確定視的最大高度和我想是一個選項,使用瀏覽器窗口的高度來代替。

這似乎是它是如何工作的網站上的燈箱本身 - http://lokeshdhakar.com/projects/lightbox2/#examples - 即4圖像集工作是相當多我多麼希望我的工作(雖然我將有更多的圖像)的方式。我相信這是與加載到該頁面的額外screen.css有關,但未包含在您下載的示例和Lightbox檔案中,但我不知道足夠的CSS能夠解碼我需​​要的內容它。

希望這一切都有道理 - 任何想法的人?真的很感謝一些幫助。

回答

0

圖像的maxHeight在一個文件lightbox.js,線295(用於v2.9.0)進行計數:

 
windowHeight = $(window).height();
從瀏覽器窗口的高度計數它,用以下代替這一行:

windowHeight = document.body.clientHeight;
+0

請考慮使用塊語句來提高您的答案的可讀性 –

相關問題