Chargement dynamique de JPEG

Bolo Michelin

Cet article vous explique comment charger une image de format JPEG de manière dynamique.

- Titre : Chargement dynamique de JPEG

- Auteur : Bolo Michelin

- Parution : 10 mars 2004

- Mise à jour : 24 avril 2013

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2013 Bolo Michelin. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Commandes

- II. Application

- III. Allez plus loin

I - Commandes

MovieClip.loadMovie :

MovieClip.loadMovie permet de charger soit un SWF ou un JPEG dans un clip.

Minimum :

Flash Player 5.

Syntaxe :

monClip.loadMovie("url" [,variables])

Exemple :

monClip.loadMovie("image.jpg")

MovieClip.createEmptyMovieClip :

MovieClip.createEmptyMovieClip crée un clip vide.

Minimum :

Flash Player 6.

Syntaxe :

monClip.createEmptyMovieClip (nomDoccurrence, profondeur)

Exemple :

monClip.createEmptyMovieClip("monclipvide",0)

II - Application

Première étape, nous allons créer un clip vide. Nous le nommerons « conteneur ». Il sera sur le root :

_root.createEmptyMovieClip("conteneur",1);

Dans la seconde étape nous chargeons l'image dans le clip conteneur :

conteneur.loadMovie("image.jpg");

En cliquant sur le bouton l'image s'affichera :

Animation en format "flash" non supportée.
Contenu uniquement consultable en ligne à cette adresse :
https://bolo.developpez.com/dynamique/loadimage.swf

Télécharger la source : loadimage.zip

III - Allez plus loin

Pour modifier la taille d'une image en AS (Action Script) on fait ainsi :

conteneur.width = 50
conteneur.height = 60

Pour faire un préchargement d'une image on peut utiliser un prototype :

MovieClip.prototype.charge_image = function(file) {
// cree un clip vide conteneur
conteneur = this.createEmptyMovieClip("conteneur", 100);
// on charge dans conteneur l'image
conteneur.loadMovie(file);
this.onEnterFrame = function() {
var total = this.getBytesTotal() ; // taille de l'animation en byte
var lu = this.getBytesLoaded() ; // l'état courant de chargement d'animation en byte
var rapport = Math.round((lu)/(total)*100); // le pourcentage de chargement de l'imge
this.pourcentage.text = Math.round(rapport) + " %"; //Affiche le pourcentage dans un champs texte dynamique
if (rapport >= 1) {
//on supprime l'évènement onEnterFrame
delete this.onEnterFrame;
}
}
};
// on lance le protype
this.charge_image("monimage.jpg");