JQuery燈箱插件：縮放非常大的圖像以適應屏幕

Question

我正在使用jQuery “Lightbox”插件，雖然我不知道這是否是關於手頭問題的必要信息。

我通過幻燈片放映的圖像非常大; 他們每個都比屏幕大得多（我沒有在我的服務器上托管圖像，所以我不能調整它們的大小）。 我需要縮放它們以適應屏幕的范圍（也可能有一些余量）。 是否有一些JQuery或其他Javascript片段來處理這個？

編輯

現在我使用“zoombox”，這肯定解決了縮放問題。 但是，現在所有漂亮的幻燈片功能都丟失了！ 即，我不能使用箭頭鍵或循環圖像庫！

Answer 1

這里有三個功能豐富且使用廣泛的插件，它們應該可以輕松完成這項工作：

http://www.jacklmoore.com/colorbox

http://fancybox.net/

http://www.grafikart.fr/zoombox

編輯：幾乎每個燈箱解決方案都列出並進行了比較： http ： //planetozh.com/projects/lightbox-clones/

Answer 2

在測試了十幾個這樣的庫后，我已經確定了Floatbox 。 默認設置可調整圖像大小以適合屏幕，並允許使用箭頭鍵進行導航。 單擊圖像可將其縮放至100％。 它可以在顏色，窗口裝飾等方面輕松配置。

Answer 3

我將Lightbox2分叉，包括自動縮放。

現在，如果圖像大於窗口，它將自動調整為80％。

你可以找到它在這里 ，我的新的回購協議。