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

Posted on by Рамиль Юналиев

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

	

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 = "";
 	        var lastImg = div.lastChild;
 	        lastImg.onload = function() { document.body.removeChild(document.body.lastChild); };
 	     }
 	     catch(e) {
 	        // Error. Do nothing.
     }
 	}
 	});

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

Найдено на просторах.
http://clip2net.com/clip/m11386/1304961837-clip-11kb.png

7 thoughts on “Предзагрузка изображений js [snippets]”

  1. Может, тут какая-то ошибка? 1-я функция каким образом предзагружает изображения?

    Да и 2-ю функцию можно проще сделать

    jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { jQuery("»).attr(«src», arguments[i]); } };C таким использованием $.preloadImages ( «/some/folder/1.jpg», «/some/folder/2.jpg», );
    Причём использование лучше вешать на onload, чтобы они загружались после основного контента страницы

  2. В моем случае нужно было подгружать по событию на лету, по этому не на onload, Первую обновил, была ошибка.

    1. Всё равно непонятно. В 1-й функции создаём див, задаём ему стили, добавляем в ДОМ, удаляем… А где изображения?

      2. а, понятно. Парсер и ваши функции портит)

Comments are closed.