如何加載主頁加載後的圖像

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