menu

Au fou !

Cliquez sur l'image ....

Allez voir la source (affichage/source)

Explication du script :

</script>
function precharge(){
var tableau= new Array();
	for (var i=1;i<11;i++){
		tableau[i]=new Image();
		tableau[i].src="fou"+i+".jpg";
	}
}
Cette fonction affecte des images dans le tableau local à la procédure (constructeur new Image())
Ces images sont fou1.jpg ... fou9.jpg.
Sorti de la procédure le tableau n'existe plus. Mais les images sont conservées dans la mémoire cache du navigateur!
Elles seront ensuite instantanément à disposition. 
function maj(i){
  	if(i<11){
		document.fou.src="fou"+i+".jpg";i++;
		setTimeout("maj("+i+")",80);
	}

}
</script>
Après avoir préchargé les images, cette fonction réalise deux actions :
  • changer la source de l'objet fils de document dont le nom est «fou » (document.fou.src="fou"+i+".jpg")
  • et pour la valeur de i suivante ( i++) s'appeler elle même après un délai de 80 millisecondes (setTimeout("maj("+i+")",80);) 
<img name="fou" src="fou.jpg" onClick="maj(1)">
L'objet image est nommé «fou».
L'appel de la fonction de mise à jour se déclenche en cliquant sur l'image (onClick="maj(1)")

Conclusion

Les images fou1.jpg, fou2.jpg....,fou9.jpg seront affichées successivement.
Ce sont elles qui contiennent Homer Simpson et la bulle de plus en plus grosse.