灯箱 - 是否可以强制调整图像大小？

有没有人知道如何强制调整在CSS中打开的图像或通过黑客修改Lightbox？灯箱 - 是否可以强制调整图像大小？

我知道这不是一个固定图像大小的好办法（应该在上传时完成），但它是客户端的特定要求。

谢谢。

来源

2010-03-01 Probocop

这不是一个固定大小的不好的解决方案。只需将max-height或max-width（在CSS中）设置为任何（但不是两者） - 图像将正确缩放。

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

如果您在CSS（宽度，高度）中设置了固定尺寸，那么图像将会显示出来。

来源

2010-03-01 16:46:22 Steven

嗨，感谢您的回复。我确实尝试过使用CSS，我遇到的问题是某些宽度设置为内联。此外，它不仅仅是需要设置的图像大小，它的所有容器也是如此。 – Probocop 2010-03-01 16:49:07

最后，我在CSS中设置了最大宽度和最大高度来解决问题，谢谢。 – Probocop 2010-03-02 12:10:24

要哪个css项目？ – 2012-12-13 14:09:43

而不是使用CSS，只是在图像元素上使用jquery的width()和height()方法调整图像大小。

在你这样做之前，我建议你先除以另一个来得到比率，这样你就不会扭曲图像！ :)

来源

2010-03-01 16:50:59

在你的CSS你可以将图像尺寸调整，填补了最大宽度，同时仍保持相同的纵横比是这样的：

img {width:100%; height:auto}

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

来源

2010-03-01 16:55:01

此加入CSS：

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

来源

2012-09-15 12:54:20

我用这个代码slimbox2：

#lbImage { 

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

}

来源

2012-12-05 19:07:21

<style> 
    .lb-outerContainer { max-width:690px; max-height:520px; } 
    .lb-image{ width:500px; max-height:500px;} 
</style>

来源

2013-06-03 11:05:45 pradeep

查找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';

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

来源

2014-10-10 07:07:43 Joozy

灯箱 - 是否可以强制调整图像大小？

回答

相关问题