Javascript 如何在颜色框中显示大于原始大小的图像？

我有500x500px的图像显示在一个颜色框弹出窗口中（按链接中的类名分组），我想显示它们比原始大小大（90%的屏幕大小就可以了）

我找不到任何办法来增加图像的大小，而只是增加弹出窗口的大小。 甚至在更改加载图像的宽度和高度后调用的$.colorbox.resize（）方法似乎也不起作用

如果图像大于屏幕的90%，则以下代码有效，但如果图像较小，则无效

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

如果我添加宽度：“90%”，高度：“90%”，则只有颜色框的大小正确，但图像保持其原始大小（500x500px）

有什么解决办法吗

---

谢谢

我知道这是一个老问题，但我一直在寻找类似的问题，最后来到这里

解决方案是添加到脚本中

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

和你的css

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

通过Firebug或其他前端检查工具进行测试。 我不喜欢

！重要信息

标记，但我不知道其他方法，因为colorBox直接向元素而不是类添加样式