javascript – 如何在Lightbox2中调整图像大小？

我正在使用http://lokeshdhakar.com/projects/lightbox2/.我有图像缩略图,点击它们就会在灯箱中打开 – 显然.

我的问题是,当其中一些图像是1800×1200时,灯箱覆盖整个网页.

如何进行编辑以确保图像的最大高度为400px,宽度是否成比例？我不能简单地上传较低尺寸的图像,因为它们是用户上传的图像,所以我需要做这个脚本/服务器端.

谢谢！

解决方法:

您可以在图像和灯箱上使用max-width和max-height CSS属性：

演示：http://jsfiddle.net/rdfAV/1/

CSS：

img {
    max-width: 400px;
    max-height: 400px;
}

.lb-outerContainer, .lb-dataContainer {
    max-width: 420px;
    width: auto!important;
    height: auto!important;
}​

此方法似乎与所有主流浏览器兼容,此处提供完整的兼容性列表：http://caniuse.com/#feat=minmaxwh

标签：javascript,css,lightbox
来源： https://codeday.me/bug/20190704/1373384.html