Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Préchargement d'images avec détection
Ce script lance le préchargement et détecte la fin.
Exécution du script
Code source
<HTML><HEAD><TITLE>Tout JavaScript.com - Preload images V2</TITLE><link REL="StyleSheet" TYPE="text/css" HREF="tjs.css"><SCRIPT type="text/JavaScript">//D'autres scripts sur http://www.toutjavascript.com//Si vous utilisez ce script, merci de m'avertir ! < <voir adresse mail sur site> >var tabimg;function preload() { tabimg=new load("http://www.toutjavascript.com/gif/logo/bantjs1.gif","http://www.toutjavascript.com/gif/logo/bantjs3.gif","http://www.toutjavascript.com/gif/logo/bantjs12.gif"); // Indiquez ici la liste des urls des images à précharger setTimeout("Verifie()",200);}function FinPreload() { // FinPreload est appelée à la fin du préchargement pour déclencher une action // A personnaliser alert("Préchargement terminé...");}function load() { if (document.images) { this.length=load.arguments.length; for (var i=0;i<this.length;i++) { this[i+1]=new Image(); this[i+1].src=load.arguments[i]; } }}function Verifie() { var ok=1; if (document.images) { for (var i=0;i<tabimg.length;i++) { if (!(tabimg[i+1].complete)) {ok=0} } } if (ok) {FinPreload()} else {setTimeout("Verifie()",200)}}</script></HEAD><BODY bgcolor="white" onLoad="preload()"><FONT face="arial" color="navy" size="2"><B><BIG><CENTER>Préchargement d'images avec détection</CENTER></BIG></B><BR>Ce script permet de précharger une série d'images et de lancer une action quand le préchargement est terminé.<BR>Très utile pour lancer un diaporama ou une animation fluide à coup sûr.<BR>Compatible Internet Explorer 4+ et Netscape 4+<BR><BR><BR>Le principe adopté pour détecter la fin du préchargement est :<OL><LI> Lancer le preload dès chargement de la page (onload de BODY)<LI> A intervalles réguliers (200 ms), vérifier le chargement de chaque image<LI> Arrêter la vérification quand toutes les images sont chargées<LI> Lancer la fonction FinPreload() </OL>Dans cet exemple, destiné à visualiser l'intérêt du script, quelques bannières du site sont préchargées. Un message vous informera de la fin du préchargement.<BR><BR><IMG src="http://www.toutjavascript.com/gif/logo/bantjs1.gif" width=468 height=60><BR><BR><IMG src="http://www.toutjavascript.com/gif/logo/bantjs3.gif" width=468 height=60><BR><BR><IMG src="http://www.toutjavascript.com/gif/logo/bantjs12.gif" width=468 height=60><BR><BR><BR><BR><BR><BR><BR><CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER></FONT></BODY></HTML><!-- Script développé par Olivier Hondermarck <voir adresse mail sur site> --><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
