如何顯示大於原始大小的彩色圖像？

Question

我有一個500x500px圖像顯示在一個colorbox彈出框中（按照鏈接中的classname分組），並且我想將它們顯示爲比原始大小更大（屏幕大小的90％應該是完美的）。

我找不到任何解決方案來增加圖像的大小，但只有彈出窗口的大小。 即使改變加載圖像的寬度和高度後調用的$ .colorbox.resize（）方法似乎也不起作用。

以下代碼適用於圖像大於屏幕90％的情況，但如果圖像較小，則不適用。

$('.photos').colorbox({rel:'photos', maxHeight:'90%', maxWidth:'90%', scalePhotos:true}); 

如果我添加寬度：'90％「高度：'90％」，只有顏色框，需要正確的尺寸，但圖像保持其原始大小（500x500px）

有沒有什麼解決方案？

感謝

Answer 1

我知道這是一個老問題，但我一直在尋找類似的東西，並在這裏結束了。

解決的辦法是添加到您的腳本

$('.photos').colorbox({rel:'photos', width:'90%'}); 

和你的CSS

img.cboxPhoto { width:100% !importatnt; } 

試試通過螢火蟲或其他前端檢查工具。 我不是!important標籤的粉絲，但我不知道另一種方式來做到這一點，因爲colorBox直接將樣式添加到元素而不是類。