Как загрузить изображения после загрузки на главную страницу

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