如何显示大于原始大小的彩色图像？

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直接将样式添加到元素而不是类。