2

カラーボックスの使用に問題があります。カラーボックス経由で WP の添付ファイル ページを開きたい。ページには異なるサイズ (横向きと縦向き) の画像がいくつかあるため、カラーボックスの幅と高さは柔軟にする必要があります。デフォルトの dataType を使用すると機能しますが、画像を 2 回クリックすると、最後のカラーボックスが適切に閉じられていないようです。その結果、2 つのカラーボックスが実行されます。画像をクリックするたびに、カラーボックスは乗算を行います。この問題を解決する方法はありますか? ありがとうございました。

<script>
  $(document).ready(function(){
    $('.lightbox').colorbox();
  });
</script>


<div class='image-wrap'>
  <dl class='gallery-item'>
    <dt class='gallery-icon'>
      <a class="lightbox" href='http://localhost/Maize/?attachment_id=122' title='8'>
        <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/8-250x190.jpg" class="attachment-thumbnail" alt="8" />
      </a>
    </dt>
  </dl>
  <dl class='gallery-item'>
    <dt class='gallery-icon'>
       <a class="lightbox" href='http://localhost/Maize/home/home-page/attachment/7/' title='7'>
         <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/7-250x190.jpg" class="attachment-thumbnail" alt="7" />
       </a>
    </dt>
  </dl>
</div>
4

1 に答える 1

0

新しいカラーボックスを開く前に、前のカラーボックスを閉じていますか? そうでない場合は、 $.colorbox.close(); を呼び出してみてください。最初のライトボックスを閉じたいとき。

于 2013-07-16T09:09:13.753 に答える