$ (doucment) .ready (function() {}); et $ (window) .load (function() {}); confusion

Question

Ma page de test sur http://www.marioplanet.com/product.htm a des comportements bizarres que je pourrais vraiment utiliser pour vous aider.

Maintenant, j'avais un problème auparavant avec mon redimensionnement d'image, et que quelqu'un ici m'a aidé en disant que je nid l'image redimensionner l'intérieur d'une

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

Pour que les images à charger avant le redimensionnement se produit, de sorte que le redimensionnement ne trouve pas une largeur et une hauteur incorrectes, car il n'aurait pas encore été chargé, au lieu de l'imbriquer dans la fonction document prêt. Maintenant que je l'ai fait, je me demande ce que je devrais faire avec le jQuery qui est imbriqué dans ma fonction document ready, car c'est le plugin fancybox jQuery, et il ne semble pas fonctionner correctement.

Si je déplace le fancybox jQuery du document prêt à la fonction de chargement de la fenêtre, pour une raison quelconque, rien ne fonctionne!

Je pourrais vraiment utiliser de l'aide ici, donc toute information ou suggestion est grandement appréciée!

Merci!

MISE À JOUR:

Tout comme une note de côté, ce serait bien de savoir comment faire les images ne se chargent pas du tout, et il suffit de charger une fois l'effet échelle réduite a été appliqué aux images, donc les images n'apparaissent pas grandes et puis de nul part, rétrécissent.

Answer 1

$(document).ready(...); est pour quand DOMContentLoaded est appelée. Cela se produit après la création complète du DOM, mais avant que le téléchargement des images et autres éléments externes ne soit terminé. Après cela, load est déclenché, ce qui peut être écouté via $(window).load(...);. S'il vous plaît don't use jQuery pour quelque chose d'aussi simple que cela!