ГлавнаяБлогПредзагрузка изображений js [snippets]

Предзагрузка изображений js [snippets]

Рамиль Юналиев
Рамиль Юналиев
E-Commerce Lead
6 мая 2011 г.
1 мин чтения

Две рабочие функции для предзагрузки картинок — нативная и jQuery.

Нативный JavaScript

function preload(images) {
   if (typeof document.body == "undefined") return;
   try {
       var div = document.createElement("div");
       var s = div.style;
       s.position = "absolute";
       s.top = s.left = 0;
       s.visibility = "hidden";
       document.body.appendChild(div);
       div.innerHTML = "[image tags]";
       var lastImg = div.lastChild;
       lastImg.onload = function() { 
           document.body.removeChild(document.body.lastChild); 
       };
   }
   catch(e) {
       // Error. Do nothing.
   }
}

jQuery

jQuery.preloadImages = function () {
    var images = (typeof arguments[0] == 'object') ? 
        arguments[0] : arguments;
    for (var i = 0; i < images.length; i++) {
        jQuery("<img>").attr("src", images[i]);
    }
}