Question

我正在构建自定义照片库。我有一个页面，在屏幕中央显示我的照片，上一个和下一个链接。链接将加载到ajax上的下一张照片中，并替换当前显示的链接。

有没有什么方法可以让前一张和下一张照片预先加载图像，这样当用户点击任一链接时，显示的照片会更快显示？

Answer 1

检查这个html，它基本上加载了一个图像（但没有显示给用户，这样当你点击链接时，图像立即加载，你可以尝试加载下一张和之前的图片，然后当用户导航时，继续添加图片。只需确保在html的末尾添加它们，以便页面的其余部分不必等待图片加载

<!DOCTYPE html>
<html>
<head>
    <style type='text/css'>
    .loader {
      display:none;
    }
  </style>
</head>

<body>
  <a href="image_url">link</a>
  <img class="loader" src="image_url">
</body>
</html>

Rails预加载AJAX响应

1 个答案: