$ (doucment) .ready (function() {}); и $ (window) .load (function() {}); путаница

Question

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

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

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

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

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

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

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

Спасибо!

UPDATE:

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

Answer 1

$(document).ready(...); есть для когда DOMContentLoaded называется. Это происходит после полного создания DOM, но до завершения загрузки изображений и других внешних файлов. После этого срабатывает load, который можно прослушивать через $(window).load(...);. Пожалуйста, don't use jQuery для чего-то простого!