Salut,
pouvez-vous m'expliquer un truc : pourquoi écrire : <img/>

$images.each(function(){
 var $img= $(this);
 $('<img/>').load(function(){

et non pas : le simple $(this)

$images.each(function(){
 var $img= $(this);
 $img.load(function(){

Pour ce code html :

<ul class="slider">
<li><img src="images/1.jpg" alt="First Image" /></li>
<li><img src="images/2.jpg" alt="Second Image" /></li>

?

Ca n'a aucun intérêt si tu n'affectes pas un src à l'image créée...

Est-ce que la suite du code ne serait pas...

$('<img/>').load(function(){
    /* ... */
}).attr('src','......');

?

oui en effet, ok je comprend mieux le truc, merci de ta réponse

Salut

j'ai quand même une petite question, dans ma fonction on crée les <img/>, on leur donne un attribut, mais on ne les place jamais dans le code, et si on veut créer l'image, on crée un nouveau <img/> et on lui donne une source dans une autre fonction. Donc la boucle qui a créé les <img/>, sert à mettre les images dans la mémoire cache?

dans le code ça donne ça :

on appelle une première fois la fonction :

$.when(loadImages()).done(function(){

on preload les images :

/* preloads a set of images */
loadImages = function() {
return $.Deferred(
	function(dfd) {
	var total_images 	= $ItemImages.length,
	loaded			= 0;
	for(var i = 0; i < total_images; ++i){
		$('<img/>').load(function() {
		++loaded;
		if(loaded === total_images)
			dfd.resolve();
		}).attr('src' , $ItemImages[i]);
}

et dans une autre fonction, on crée l'<img/> final :

var $itemImage = $('<img src="'+source+'" alt="Background" class="ac_bgimage"/>');

?

Ouaip, c'est juste du préload.

Par contre, il est vrai qu'ils auraient pu conserver la première image créée quelque part plutôt que d'en recréer une autre.

Ok merci