Load html immagini

[carlomarx]

Se ti può semplificare la vita puoi evitare di usare jQuery e crearti tu un costruttore che si comporti in maniera familiare più o meno sul modello di XMLHttpRequest... Qualcosa del genere:

function ImageLoader () { }

ImageLoader.prototype.onload = null;

ImageLoader.prototype.load = function () {
	var nStatus = 0, oReq = this, aImgs = [];

	function imgLoaded () {
		nStatus++;
		if (nStatus === arguments.length) {
			if (oReq.onload) { oReq.onload.call(aImgs); }
		}
	}

	for (var oImg, nImg = 0; nImg < arguments.length; nImg++) {
		oImg = new Image();
		oImg.src = arguments[nImg];
		oImg.onload = imgLoaded;
		aImgs.push(oImg);
	}
};

Uso di esempio:

var nuovaRichiesta = new ImageLoader();
nuovaRichiesta.onload = function () {
	for (var numImg = 0; numImg < this.length; numImg++) {
		document.body.appendChild(this[numImg]);
	}
};
nuovaRichiesta.load("Tizio.jpg", "Caio.jpg", "Sempronio.jpg", "Brubru.jpg");