灯箱!为什么当内容变小而内容变宽而不增加时,JavaScript比灯箱的宽度小?

时间:2019-11-18 14:48:56

标签: javascript jquery html lightbox

我在标题中写下了有关该问题的所有内容。另外,我会说我使用此代码来显示画廊。

使用图片更改容器宽度的代码从js文件中的第388行开始。

var oldWidth  = this.$outerContainer.outerWidth();
    var oldHeight = this.$outerContainer.outerHeight();
    var newWidth  = imageWidth + this.containerPadding.left
                    + this.containerPadding.right
                    + this.imageBorderWidth.left
                    + this.imageBorderWidth.right;
    var newHeight = imageHeight + this.containerPadding.top
                    + this.containerPadding.bottom
                    + this.imageBorderWidth.top
                    + this.imageBorderWidth.bottom;

https://codepen.io/d-of-end/pen/LYYMBZy?editors=1010

我只是不明白为什么该脚本不增加类lb-outerContainer的容器的宽度(类lb-image的图像的宽度-变化)。

当您切换到较宽的图片时,有必要增加容器的宽度。

链接到我遇到问题的网站: https://codepen.io/d-of-end/full/LYYMBZy

(图片库在下面) 请勿从第一张或第二张照片开始查看,否则会发现问题。

0 个答案:

没有答案