Me gustaría cambiar el atributo src de las imágenes antes de que el navegador las solicite, con el objetivo de reducir el tamaño de las imágenes utilizando un script PHP como Timthumb. Usando jQuery, pensé$(document).ready haría el truco:

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

Pero la imagen original, sin cambiar el tamaño, todavía se descarga en segundo plano en la memoria caché del navegador. ¿Es posible hacer lo que intento hacer en el lado del cliente, o es el lado del servidor la única opción?