Как загрузить изображение в фоновом режиме?

Question

Проблема: я создаю альбом. Так что при каждом нажатии

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

На самом деле я не хочу показывать частичные изображения при загрузке.
Есть ли решение?

PS ПОХОЖИЙ ВОПРОС но это для Iphone. Мне нужен браузер?

Answer 1

Просто создайте новое изображение с помощью javascript и отображайте изображение только после того, как onload запущено.Это гарантирует, что вы не увидите частичного рендеринга изображения.

Live Demo

    var curImg = new Image();

    curImg.src = "url to your image";
    curImg.onload = function(){
        // do whatever here, add it to the background, append the image ect.
        imgHolder.appendChild(curImg);   
    }

Answer 2

link rel = "prerender" может помочь.

http://www.catswhocode.com/blog/mastering-html5-prefetching

Answer 3

Вы можете играть с 2 тегами img. img1 показывает первое изображение, а img2 скрыто и загружает следующее изображение.

В случае onload img2 вы можете скрыть img1 и показать img2.

И загрузите следующее изображение с помощью img1 и т. Д.