Правильно сделана предварительная загрузка изображений?

Question

[pegas]

Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и изменяет его в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний.

$('.wrapper img').each(function(){
        var att =$(this).attr('src');
        var qwe = /(\.\w{3,4}$)/;
        att=att.replace(qwe,'_q.jpg');
        
        $(this).click(function(){ 
        $('.light img').attr('src',att);
    });

Answer 1

[Victor Oberemko]

Тут нет никакой предварительной загрузки, так как меняя src у картинки вы начинаете запрашивать уже другую картинку с сервера

Comments

[Victor Oberemko]

Возможно, локально и работает быстро, но если посмотреть в xhr запросах, то все можно увидеть, что запрос за картинкой был сделать только после нажатия

[Victor Oberemko]

Вот тут уже был такой вопрос - Предварительная загрузка изображений на jquery?

[pegas]

$('.wrapper img').each(function(){
var att =$(this).attr('src');
var qwe = /(\.\w{3,4}$)/;
att=att.replace(qwe,'_q.jpg');

var newI= $('');
});
Это будет считаться? просто через массив слишком много вставлять в ручную.