chargement d’images sauce mootools

dimanche 13 décembre 2009 | programmation

Quelques lignes de javascript pour les mootools fanboy. Rien de révolutionnaire, c’est juste une amélioration du chargement de plusieurs images, ici en cas d’erreur (un mauvais nom, un bug, une image sur un serveur en panne) on passe l’éponge et on charge la suivante…
(à la base j’avais un problème d’ordre d’images chargées selon le cache d’où le nom OrderAsset)

window.addEvent('domready', function(){
var Slide=$("slide"); //la div qui accueille les img
var myImages=['image1.jpg','image2.jpg','image3.png'];

var OrderAsset = function(myImage,i){
var AssImg = new Asset.image(myImage, {
    'id': 'myImg'+i, //ça pourra servir
    'class':'x',
    'onload': function(){
    	this.inject(Slide); 
    	i++;
  	if (myImages[i]) OrderAsset(myImages[i],i) // un tour :)
},
    'onerror':function(){
		i++;
  		if (myImages[i]) OrderAsset(myImages[i],i)
    }
});//asset
};

OrderAsset(myImages[0],0); // ini
});//end domready

tags : , ,

Comments are closed.