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

Question

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

Answer 1

Удалите src из удаленных изображений и присвойте каждому из этих тегов 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, вы можете взглянуть на плагин Lazy Load для jQuery: http://www.appelsiini.net/projects/lazyload

Answer 3

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

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