Opencart Colorbox AUTO的高度和宽度？

Question

我尝试了所有的东西，但我无法弄清楚如何做到这一点，当我按下“下一张”照片时，孔弹出的大小会随照片大小而变化。像这样：http://www.jacklmoore.com/colorbox/example1/弹性过渡的例子。我尝试将maxWidth和maxHeight 100％上传并将这个新版本的colorbox文件上传到服务器...样式稍有变化，但主要的是，resposive自动宽度和高度没有。也许我做错了什么，但我几乎完成了我的页面并且还有一个问题。

我现在相信Stackoverflow：）

Answer 1

首先，请确保scalePhotos未设置为false。其次，maxWidth和maxHeight必须设置绝对值（像素），而不是百分比。百分比值是获取具有响应维度的颜色框窗口的一种方法。据我所知，当从当前集合加载新图像后，当colorbox的窗口没有改变其大小时，你需要“按照对比”的行为。因此，您应该使用maxWidth和maxHeight的绝对值。例如：

$('.colorbox').colorbox({
    scalePhotos: true, //'true' by default BTW
    maxWidth: '600px',
    maxHeight: '600px'
});