<script>
function preloadImages(pictures) {
return Promise.
all(pictures.
map(image =>
new Promise((resolve, reject) => {
var img =
new Image();
img.
src = image;
img.
onload = () => {
console.
log("preload OK de "+img.
src); resolve(); }
img.onerror = () => {
console.
log("preload ERROR de "+img.
src); reject();}
})));
}
var pictures=["/intelligence-artificielle/img/intro/tjs-1.jpg",
"/intelligence-artificielle/img/intro/tjs-2.jpg",
"/intelligence-artificielle/img/intro/tjs-3.jpg"];
preloadImages(pictures).
then(() => {
console.
log("preload OK");
$("#preload").html("PRELOAD OK")
}).
catch( () => {
console.
log("preload ERROR");
$("#preload").html("PRELOAD ECHEC")
});
</script>
<div id="preload">Préchargement des images...</div>