如何加载主页加载后的图像

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 
    });