javascript - ギャラリーのサムネイルを JS または jQuery と非同期で読み込む

Question

WP Web サイト (WP プラグインではなく jQuery ライブラリ) で TN3 ギャラリーを使用しています。

ギャラリーでは、必要なときに大きな画像が読み込まれます。ページの読み込みがブロックされないため、これは優れています. ただし、サムネイルはすべて (表示されていないものも含めて) 読み込まれ、ページはすべて読み込まれるまでスタックします。

$images = get_field('gallery_images');
if( $images ): ?>
  <div id="" class="mygallery">
    <ol class="">
      <?php foreach( $images as $image ): ?>

        <li>
          <?php if($image[$captionKey]): ?>
            <div class="tn3 description"><?php echo $image[$captionKey]; ?></div>
          <?php endif; ?>                        

          <a href="<?php echo $image['sizes']['large']; ?>">
            <?php echo wp_get_attachment_image( $image['id'], 'gallery-thumb' ); ?>
          </a>
        </li>

      <?php endforeach; ?>
    </ol>
  </div>
<?php endif; ?>

ページの残りの部分をブロックすることなく、サムネイルをバックグラウンドでロードできるようにする方法はありますか?