嘿，针对你的问题，我来详细说明Fancybox的图片加载机制，以及怎么实现你想要的按需加载效果：

默认加载行为 #

• 首先，全尺寸图片不会随网页初始加载一同预加载。网页加载时只会加载你设置的缩略图资源，只有当你点击某张缩略图激活幻灯片后，Fancybox才会开始请求对应的全尺寸图片。
• 不过有个默认细节：Fancybox默认开启preload参数（默认值为3），意思是当你查看某张图片时，它会提前预加载当前图片前后共3张的全尺寸图，目的是让图片切换更流畅。但这并非一次性加载所有图片，只是基于当前浏览状态的针对性预加载。

严格按需加载的配置 #

如果你希望完全关闭预加载，仅在点击对应缩略图时才加载该全尺寸图，可以在初始化Fancybox时把preload参数设为0：

Fancybox.bind("[data-fancybox]", {
  preload: 0,
  // 其他自定义配置项
});

这样设置后，只有当你点击某张缩略图时，才会触发对应全尺寸图片的加载请求，完全匹配你“仅在必要时加载”的需求。

额外注意点 #

• 确保你的缩略图链接指向独立全尺寸图片的正确路径，示例结构如下：

<a data-fancybox="gallery" href="full-size-image-1.jpg">
  <img src="thumbnail-1.jpg" alt="缩略图1">
</a>
<a data-fancybox="gallery" href="full-size-image-2.jpg">
  <img src="thumbnail-2.jpg" alt="缩略图2">
</a>

这种结构下，网页初始只会加载thumbnail-*.jpg这类缩略图资源，full-size-image-*.jpg完全是按需请求的。

内容的提问来源于stack exchange，提问作者Jean Lee