燈箱 - 是否可以強制調整圖像大小？

有沒有人知道如何強制調整在CSS中打開的圖像或通過黑客修改Lightbox？燈箱 - 是否可以強制調整圖像大小？

我知道這不是一個固定圖像大小的好辦法（應該在上傳時完成），但它是客戶端的特定要求。

謝謝。

來源

2010-03-01 Probocop

這不是一個固定大小的不好的解決方案。只需將max-height或max-width（在CSS中）設置爲任何（但不是兩者） - 圖像將正確縮放。

但所有的圖像必須是相同的格式，否則高度/寬度可能會有所不同。

如果您在CSS（寬度，高度）中設置了固定尺寸，那麼圖像將會顯示出來。

來源

2010-03-01 16:46:22 Steven

嗨，感謝您的回覆。我確實嘗試過使用CSS，我遇到的問題是某些寬度設置爲內聯。此外，它不僅僅是需要設置的圖像大小，它的所有容器也是如此。 – Probocop 2010-03-01 16:49:07

最後，我在CSS中設置了最大寬度和最大高度來解決問題，謝謝。 – Probocop 2010-03-02 12:10:24

要哪個css項目？ – 2012-12-13 14:09:43

而不是使用CSS，只是在圖像元素上使用jquery的width()和height()方法調整圖像大小。

在你這樣做之前，我建議你先除以另一個來得到比率，這樣你就不會扭曲圖像！ :)

來源

2010-03-01 16:50:59

在你的CSS你可以將圖像尺寸調整，填補了最大寬度，同時仍保持相同的縱橫比是這樣的：

img {width:100%; height:auto}

只要容器是塊這應該調整圖片大小。請注意，它可能看起來像舊版瀏覽器中的像素化，因爲這些瀏覽器中使用的圖像縮放器依賴於「最近鄰居」採樣來縮放圖像。

來源

2010-03-01 16:55:01

此加入CSS：

#lightbox-container-image img { width:auto; max-height:520px; }

來源

2012-09-15 12:54:20

我用這個代碼slimbox2：

#lbImage { 

    width:320px; 
    height:240px; 
    background-repeat: no-repeat; 
    background-position:center; 
    background-size: cover; 
    -moz-background-size: cover; 

}

來源

2012-12-05 19:07:21

<style> 
    .lb-outerContainer { max-width:690px; max-height:520px; } 
    .lb-image{ width:500px; max-height:500px;} 
</style>

來源

2013-06-03 11:05:45 pradeep

查找jquery.colorbox.js這些線路

photo.style.width = photo.width+200 + 'px'; 
photo.style.height = photo.height + 'px';

和換成

photo.style.width = photo.width+200 + 'px'; 
//photo.style.height = photo.height + 'px';

刪除圖像高度並使用+符號增加圖像寬度。

來源

2014-10-10 07:07:43 Joozy

燈箱 - 是否可以強制調整圖像大小？

回答

相關問題