Échanger l'image src avec jQuery Ajax request

Question

J'ai une étiquette <img src="..." /> avec un src par défaut. Je voudrais que jQuery fasse une requête ajax pour obtenir une autre image et quand cette nouvelle image est complètement chargée, placez le src de la balise <img ... /> pour qu'il n'y ait pas de scintillement. Je préférerais ne faire aucun des préchargeurs comme new Image().src="foo" etc. J'aimerais vraiment que les iamges se chargent sur une demande d'ajax. Des idées?

Answer 1

Vous ne pouvez pas charger "une partie" d'une image sur la page Web, vous ne pouvez donc pas la charger de manière incrémentielle.

L'image peut être chargée en utilisant un point de classe CSS sur une image ou en utilisant l'objet Image de Javascript.

Puisque CSS ne peut pas informer la page si l'image se charge complètement, l'approche new Images(). Src = "foo" est ce qu'elle peut faire de mieux.

Joindre un événement et « décorer » pour réduire le scintillement avec effet FX: fade in, ....