次/前ボタンが使用されたときにcssをオーバーライドするライトボックスの最小＆最大高さを設定

Question

私はライトボックスにコメントを付けました。ライトボックスのイメージコンテナはイメージに従って幅で調整されます。イメージは400ピクセル以下で、ライトボックスの幅は720ピクセルで、イメージが720ピクセルより大きければライトボックスの幅は960です。しかし、問題はそれです。私は イメージの幅に合わせてライトボックスのイメージコンテナのサイズを変更するためにJqueryコードを使用しましたが、最初のイメージは400ピクセル、ライトボックスのサイズは720ピクセルx、2番目のイメージが720ピクセルより大きい場合、ライトボックスのサイズは960ピクセルです。 次/前のボタンをクリックして1番目の画像から次の/前の画像にライトボックスは、現在の画像サイズの幅ではなく、前の画像に従って幅をとります。

私のjqueryのコードは720px次いで（1024px）より大きい

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

画像のサイズは、次にライトボックスサイズが960ピクセル幅

次の画像（180ピクセル幅）を720px、次いで以下でありますまた、ライトボックスのサイズは960pxです。前のイメージライトボックスのサイズは960pxです。

Answer 1

この状態も存在する必要があります。これが解決しない場合は

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

また、あなたは（それがAJAXによってロードされていると仮定した場合）をロードする.TP-mainimageを待つ必要があります。だから、イメージがロードされた後にjqueryの変更を加えなければなりません。