$(документ).готовый(функция(){}); и $(окно).загрузить(функция() {}); путаница

Моя тестовая страница продукта по адресу http://www.marioplanet.com/product.htm какое-то странное поведение, с которым мне действительно не помешала бы помощь.

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

$(window).load(function(){});

Чтобы изображения загружались до изменения размера, чтобы изменение размера не нашло неправильную ширину и высоту, поскольку оно еще не загрузилось, вместо того, чтобы вкладывать его в функцию готовности документа.

Теперь, когда я сделал это, мне интересно, что мне делать с jQuery, который вложен в мою функцию готовности документа, поскольку это плагин fancybox jQuery, и он, похоже, не работает правильно.

Если я перемещаю fancybox jQuery из готового документа в функцию загрузки окна, по какой-то причине ничего из этого не работает!

Я мог бы действительно использовать некоторую помощь здесь, так что любая информация или предложения очень ценятся!

Спасибо!

ОБНОВЛЕНИЕ:

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