Jquery Lightbox-是否可以强制调整图像大小？

有人知道如何通过CSS或破解lightbox来强制调整在lightbox中打开的图像的大小吗

我知道这不是一个好的解决方案，有一个固定的图像大小（应该在上传完成），但它是一个特定的客户要求

---

谢谢。

固定大小的解决方案不错。只需将“最大高度”或“最大宽度”（CSS）设置为任意值（但不能同时设置），图像就会正确缩放

但所有图像的格式必须相同，否则高度/宽度可能会有所不同

---

如果您在CSS中设置了固定大小（宽度、高度），那么图像将被扫描。

只需使用jquery和image元素上的方法调整图像大小，而不用CSS

---

在你这么做之前，我建议你把一个除以另一个，得到这个比率，这样你就不会扭曲图像了！：）

在CSS中，您可以调整图像大小以填充最大宽度，同时仍保持相同的纵横比，如下所示：

img {width:100%; height:auto}

只要容器是块，就应该调整图像大小。请注意，在较旧的浏览器中，它可能看起来像像素，因为这些浏览器中使用的图像缩放器依赖于“最近邻”采样来缩放图像。

将此添加到css中：

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

---

我将此代码用于slimbox2：

#lbImage {

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

}

.lb外部容器{最大宽度：690px；最大高度：520px；}
.lb图像{宽度：500px！重要；最大高度：500px！重要；}

在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';

---

使用

+

符号删除图像高度并增加图像宽度。

您好，感谢您的回复。我确实尝试过使用css，问题是一些宽度是内联设置的。还有一个事实是，需要设置的不仅仅是图像大小，还有所有的容器。最后，我在CSS中设置了最大宽度和最大高度，解决了这个问题，谢谢。

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