设定最小值使用next / prev按钮时覆盖css的灯箱最大高度

Question

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

我的jquery代码是

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

图片尺寸（1024px）大于720px然后灯箱尺寸为960px

下一张图片（180px宽度）小于720px，然后灯箱尺寸为960px，因为之前的图片灯箱尺寸为960px

Answer 1

这种情况也应该存在。

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

另外，如果这没有用，你需要等待.tp-mainimage加载（假设它是由ajax加载的）。因此，在图像加载后，您必须在那里进行jquery更改。