ホームページの読み込み後にイメージを読み込む方法

Question

私はスライダに100イメージを表示するWebページを持っています。私はページが読み込まれるときに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 
    });