Javascript 与JS或jQuery异步加载库缩略图

我正在WP网站上使用TN3 gallery（不是WP插件，而是jQuery库）

在gallery中，当您需要时会加载大型图像，这非常好，因为页面加载不会阻塞。但是缩略图会全部加载（即使是不可见的缩略图），页面会一直粘贴，直到所有缩略图都加载完毕

$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; ?>

$images=get_字段（'gallery_images'）；
如果（$images）：？>

---

我可以在后台加载缩略图而不阻塞页面的其余部分吗？

作为变体，您可以插入到缩略图1px图像中，并使用真实的缩略图src添加一些属性。在jQuery事件中页面就绪后，用该属性值替换所有缩略图src。

浏览器始终异步加载图像。“卡住”到底是什么意思？您正在尝试执行JavaScript吗？@elusive您好，您可以在此处查看，页面的其余部分在加载缩略图之前不会加载（图库导航）。因此，您想影响浏览器加载图像的顺序吗？@elusive是的，这将非常好。