php - 设置灯箱的最小和最大高度，当使用下一个/上一个按钮时，它会覆盖 css

Question

我制作了一个带有评论的灯箱。灯箱图像容器根据图像调整宽度。图像小于 400 像素，那么灯箱宽度为 720，如果图像大于 720 像素，则灯箱宽度为 960。但现在的问题是。我用了 Jquery 代码根据图像的宽度调整灯箱图像容器的大小，但假设第一个图像为 400 像素，那么灯箱大小为 720 像素 如果第二张图片大于 720 像素，则灯箱大小为 960 像素 通过单击下一个/上一个按钮从第一个图像移动到下一个/上一个图像时，灯箱根据上一个图像而不是当前图像大小宽度采用宽度。

我的jquery代码是

  var tpWidth = 720;
  var tpWidthnew = 960; 
  if ( $('.tp-mainimage').width() > tpWidth ) $('#tp-lightboxactitem').width(tpWidthnew);

图片尺寸 (1024px) 大于 720px 灯箱尺寸为 960px

下一张图片(180 像素宽度)小于 720 像素，然后灯箱尺寸也为 960 像素，因为上一张图片灯箱尺寸为 960 像素

Answer 1

这个条件也应该存在。

if ( $('.tp-mainimage').width() <= tpWidth ) $('#tp-lightboxactitem').width(tpWidth);

此外，如果这没有帮助，您将需要等待 .tp-mainimage 加载(假设它由 ajax 加载)。因此，在图像加载后，您必须在那里进行 jquery 更改。