Блог ⁄ JavaScript ⁄ Кеширование картинок

Для кеширования я использую JavaScript. На сделанных ранее мной сайтах я применял такой скрипт:

(new Image(x,y)).src="source";

Где x,y — ширина и через запятую высота изображения, которое кешируем. Source — адрес картинки (лучше задавать абсолютный, т.е., например, так: "/img/pict.jpg").

Это мой любимый метод кеширования, т.к. занимает мало места и выполняется быстро. Размеры указывать не обязательно, просто на случай, если картинка не доступна браузер отведёт под неё столько места, сколько она занимала, если бы загрузилась. Особенно это критично, если альтернативный текст изображения велик.

Другой метод предполагает использование библиотеки JQuery. Ради одного только кеширования использовать этот метод глупо, но если Вы применили JQuery для чего-то более важного, то заодно можно и кешировать картинки.

jQuery.preloadImages = function()
{
    for(var i = 0; i<arguments.length; i++)
    {
        jQuery("<img>").attr("src", arguments[i]);
    }
};
 
//Применение
$.preloadImages("source1", "source2", "source3");

Как не трудно понять, source1, source2, source3 — адреса картинок, их можно задать столько, сколько необходимо.