Загрузка удаленных изображений последней на веб-странице

Question

Ссылка на большое количество удаленных изображений на моем сервисе. Проблема в том, что иногда получение изображений занимает очень много времени, и в результате вся страница закрывается. Что я могу сделать, чтобы загрузить изображения в конце?

Answer 1

Удалить ЦСИ из удаленных изображений и дать каждому из этих IMG теги уникальный идентификатор. Создайте функцию jQuery, чтобы назначить src для каждого img и вызвать функцию, когда страница будет готова.

<img id="img1" /> <img id="img2" /> <img id="img3" />

$(document).ready(function() { 
    $("#img1").attr("src","img1.jpg"); 
    $("#img2").attr("src","img2.jpg"); 
    $("#img3").attr("src","img3.jpg"); 
}); 

Answer 2

Если вы хотите использовать JQuery, то вы можете посмотреть на Ленивый Load плагин для JQuery: http://www.appelsiini.net/projects/lazyload

Answer 3

Вы можете добавить HTML с изображениями на документ готовый:

$(function(){ 
$('#container_id').append('<img scr="path_to_big_image">'); 
});