Gostaria de alterar o atributo src das imagens antes que elas sejam solicitadas pelo navegador, com o objetivo de reduzir o tamanho das imagens usando um script PHP como o Timthumb. Usando jQuery, pensei$(document).ready faria o truque:

$(document).ready(function () {
  var imgs = $('#container img');
  jQuery.each(imgs, function() {
    $(this).replaceWith('<img src="timthumb/timthumb.php?src=' + $(this).attr('src') + '&w=200" />');
    });
});

Mas a imagem original não redimensionada ainda é baixada em segundo plano no cache do navegador. É possível fazer o que estou tentando fazer no lado do cliente ou é a única opção no servidor?