Préchargement d'images à partir d'un XML

Bonjour tout le monde,

Je viens vous demander un peu d'aide, voici le problème

J'ai un fichier XML dont les noeuds contiennent des liens d'images (une cinquantaine), ce XML est généré de façon dynamique.

J'aimerais pouvoir faire une fonction qui mettrais en cache (donc un preloading ?) chacune des images présentes dans le XML.


Je ne vous demande pas de m'écrire la fonction, mais j'aimerais savoir par où commencer; j'ai par exemple cherché des plugins Jquery pour le preload mais je n'ai rien trouvé d'adapter à mon besoin

Voilà merci d'avance pour tout coup de main

Deux pistes à explorer :
1. parcourir ton document XML avec le DOM, afin de relever les noeuds contenant le lien des images ;
2. à partir de chaque URL d'image, instancier un nouvel objet Image () auquel tu appliques la propriété src dont la valeur est ladite URL.
Modifié par Victor BRITO (07 Dec 2009 - 13:57)

Merci

Bon j'ai réussi l'étape de lecture du XML (merci jQuery.. trop simple ^^)

Par contre je suis un peu bloqué quand tu parle d'instancier un nouvel objet Image, il faut que j'utiliser un plug in pour preload ou y'a une façon simple de le faire en jQuery ?


Je précise que le but de ma manœuvre c'est d'avoir les images dans le cache du client

edit : je viens de tomber sur ça ca semble corresponde à ce que tu me disais

jQuery.preloadImages = function()
{
	for(var i = 0; i<arguments.length; i++)
	{
		jQuery("<img>").attr("src", arguments[i]);
	}
}

[/i]
Modifié par Fabious (07 Dec 2009 - 14:40)