Magnific Popup 在加载完整图像时显示背景图像

Question

我正在使用Magnificic Popup的缩放功能：

<a class="image-popup-no-margins" href="photo.jpg"><img src="thumbnail.jpg" /></a>

我想看到 thumbnail.jpg 作为 photo.jpg 的背景，而 photo.jpg 正好加载在它上面。因此，您单击 thumbnail.jpg，然后会显示一个大版本的缩略图，因为它已经在缓存中，并且 photo.jpg 会直接加载到它上面。

这可能吗？ :) 谢谢！

Answer 1

将其放在页面上的链接之前：

<div style="display: none;">
  <img src="photo.jpg" />
</div>

然后使用 http://www.appelsiini.net/projects/lazyload 之类的库来预加载图像。