我正在使用 Fancybox 2 加载图像库。我正在使用beforeLoad事件回调根据用户的视口大小即时更改图像 url。只要图像未预加载（默认情况下），这就会完美地工作。
我注意到，当您单击触发 Fancybox 的原始图像时，它会触发beforeLoad一次事件，然后继续在图库中预加载另外 3 个图像。这些预加载的图像不会触发beforeLoad事件。但是当您单击“下一步”时，该beforeLoad事件会触发。由于我正在更改图像的 url，这意味着预加载的图像与实际显示的图像不同。这是对带宽的浪费，并且会使页面的响应速度大大降低。
理论上，我可以在页面加载时以及在调整视口大小时更改页面上的每个源图像，但我不喜欢这种方法。预加载图像时有没有办法beforeLoad触发？还是一种捕捉preload事件的方法？