Можно ли запустить javascript до начала загрузки изображений?

Я хотел бы изменить атрибут src изображений до того, как они будут запрошены браузером, с целью уменьшить размер изображений с помощью сценария PHP, такого как Timthumb. Использование jQuery, я подумал, что $ (document) .ready поможет:

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

Но исходное изображение без изменения размера все еще загружается в фоновом режиме в кеш браузера. Можно ли делать то, что я пытаетесь сделать на стороне клиента, или это единственный вариант на стороне сервера?