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 -->

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...
Le 05/12/2022 03:08:17 sur php7 en 73.69 ms