主页加载后如何加载图像

Question

我有一个网页，在滑块中显示100张图片。我希望在页面加载时只显示10个图像。页面加载后，剩余的90张图像应显示..

Answer 1

这将被称为图像预加载，通常可以在JavaScript或jQuery中完成，以便手动加载图像，以便您的图像加载更快。这是关于预加载图像的操作指南。  JavaScript Preloading Images 或查看本指南使用CSS和jQuery https://css-tricks.com/snippets/jquery/image-preloader/

以下是jQuery中的一个示例。享受！

$.preloadImages = function() {
  for (var i = 0; i < arguments.length; i++) {
    $("<img />").attr("src", arguments[i]);
  }
}

$.preloadImages("hoverimage1.jpg","hoverimage2.jpg");

基本上它会在页面加载之前调用这些图像，并将图像加载到缓存中，以便稍后在浏览器中调用时更快。

Answer 2

  $(document).ready(function() {
 //load rest of images here code
    });