Retourner à la page d'accueil de TJS
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 -->

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 17/07/2018 08:06:12 sur php7 en 44.46 ms